PROJETO HACKADEV

Link deploy: https://gofashion.netlify.app/

Objetivo

1. Avaliar a capacidade de trabalho em equipe.

2. Estimular Soft Skills...

3. Auxiliar no desenvolvimento técnico.

4. Possibilitar que monitores nos ajudem na avaliação dos alunos.

5. Simular o ambiente das empresas.

Cenário

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.

Regras

• 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.

Requisitos opcionais

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)

Deploy

A recomendação é para que o deploy seja feito no netilify (gratuito) ou serviço similar - https://www.netlify.com

Layouts

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.