Teste Técnico Frontend
Wine.com.br
Wine.com.br é uma empresa líder no mercado de vinhos online no Brasil, oferecendo uma extensa seleção de rótulos, acessórios e serviços personalizados, proporcionando uma experiência única aos amantes do vinho
Sobre o Teste
Para o desafio técnico "Front end challenge", as tecnologias que deverão ser utilizadas são: Next.js, Typescript, styled-components e local storage para gerenciar o carrinho. O desafio consiste em implementar um e-commerce para venda de vinhos com funcionalidades como catálogo de produtos com paginação, filtragem por preço, busca por nome do produto e adicionar/remover produtos do carrinho. Serão avaliados critérios como gerenciamento de estado, componentização, responsividade, usabilidade, acessibilidade, testes e2e, padrões de código e padrão de commits. Seria legal fazer o deploy na Vercel ou em outro local de preferência e disponibilizar um link de visualização, além de incluir testes unitários e utilizar o cache do Next.js.
Instruções do Teste
🚀 Front end challenge
Bem-vindo(a). Este é o desafio Front end!
O objetivo deste desafio é avaliar suas habilidades de programação. Quando sua solução estiver pronta, basta responder o e-mail que recebeu com o link do seu repo aqui no Github! Em seguida, enviaremos o feedback e as instruções dos próximos passos!
Caso tenha alguma dúvida, nós estamos disponíveis no email [email protected] Bom desafio!
⚠️ É importante que o seu repo esteja público, caso contrário não iremos conseguir avaliar sua resposta
🧠 Contexto
O desafio será implementar um e-commerce para venda de vinhos que deverá ter as seguintes funcionalidades:
- Catálogo de produtos com paginação
- Filtragem produtos por preço
- Busca por nome do produto
- Adicionar e remover produtos do carrinho
📋 Instruções ReactJS
Chegou a hora de colocar a mão na massa!
- Siga esse protótipo
- Utilize Next.js e Typescript
- Faça a estilização com styled-components
- Utilize o local storage para gerenciar o carrinho
- Por favor, inclua no README as instruções de instalação do projeto
- Sinta-se livre para incluir quaisquer observações
- Consuma nossa API Rest https://documenter.getpostman.com/view/10015622/UVJiiuHi#fe849253-c47a-492f-a860-08350296c570
📋 Instruções React Native
Chegou a hora de colocar a mão na massa!
- Siga esse protótipo
- Utilize Typescript
- Faça a estilização com styled-components
- Utilize o local storage para gerenciar o carrinho
- Por favor, inclua no README as instruções de instalação do projeto
- Sinta-se livre para incluir quaisquer observações
- Consuma nossa API Rest https://documenter.getpostman.com/view/10015622/UVJiiuHi#fe849253-c47a-492f-a860-08350296c570
✔️ Critérios de Avaliação
Além dos requisitos levantados acima, iremos olhar para os seguintes critérios durante a correção do desafio:
- Gerenciamento de estado
- Componentização
- Responsividade
- Preocupação com usabilidade
- Preocupação com acessibilidade
- Testes e2e
- Padrões de código
- Padrão de commits (Conventional)
😎 Seria legal
- Fazer deploy na vercel ou em outro local de sua preferência e disponibilizar um link de visualização
- Testes unitários
- Utilização de cache do Next.js ---