Link deploy: https://main--gofashion-hackadev.netlify.app/
-
Avaliar a capacidade de trabalho em equipe.
-
Estimular Soft Skills.
-
Auxiliar no desenvolvimento técnico.
-
Possibilitar que monitores nos ajudem na avaliação dos alunos.
-
Simular o ambiente das empresas.
Segundo o levantamento, da Webshoppers (Ebit / Nielsen), os e-commerces brasileiros faturaram cerca de R$ 53,2 bilhões em 2018.
O segmento “Moda e Acessórios” representa 5,6% do faturamento no varejo online, ocupando a segunda posição entre as categorias de produtos com mais pedidos, perdendo apenas para o segmento de eletroeletrônicos.
Oferecer a melhor experiência aos usuários que interagem com os produtos no desktop, e principalmente em dispositivos móveis, é fundamental para se manter vivo e competitivo nesse segmento.
- Deve-se implementar as telas utilizando HTML/CSS puro.
- Deve implementar as funcionalidades apresentadas nos wireframes / layouts.
- Deve ser mobile first, possuindo uma experiência satisfatória tanto em mobile quanto em desktop.
- Deve consumir a API do catálogo de produtos.
- Todos os produtos da API devem ser exibidos.
- Utilize BEM CSS para escrever os estilos.
- Deve-se fazer deploy do projeto, servindo-o no Netlify.
- Não utilize frameworks CSS como Bootstrap, Foundation e afins.
- Requisitos obrigatórios
- Para cada item do catálogo de produtos as seguintes informações devem estar na página:
- Imagem
- Nome
- Preço
- Status “Em promoção”
- Preço promocional (se disponível)
- Tamanhos disponíveis
- Selo “Promoção”
- Deve ser possível adicionar itens por tamanho no carrinho de compras.
- Deve ser possível visualizar os itens adicionados no carrinho de compras, exibindo imagem, nome, preço e quantidade.
- Deve ser possível remover itens do carrinho de compras.
O carrinho de compras deve persistir entre reloads de página. Alguns produtos não tem todos os tamanhos disponíveis, mostre apenas os tamanhos disponíveis em estoque. Implemente a funcionalidade de busca em tempo real. Endpoint - Catálogo de Produtos (Em breve)
A recomendação é para que o deploy seja feito no netilify (gratuito) ou serviço similar - https://www.netlify.com
Os layouts abaixo servem de referência visual das funcionalidades, sintam-se livres para segui-las ou implementá-las com base em outras referências, desde que atenda às regras e aos requisitos obrigatórios.# GoFashion