├── .gitignore └── README.md /.gitignore: -------------------------------------------------------------------------------- 1 | .idea 2 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | alt text 2 | 3 | 4 | # 🚀 Front end challenge 5 | 6 | Bem-vindo(a). Este é o desafio Front end! 7 | 8 | O objetivo deste desafio é avaliar suas habilidades de programação. 9 | Quando sua solução estiver pronta, basta responder o e-mail que recebeu com o link do seu repo aqui no Github! 10 | Em seguida, enviaremos o feedback e as instruções dos próximos passos! 11 | 12 | Caso tenha alguma dúvida, nós estamos disponíveis no email *alexsander@wine.com.br* 13 | Bom desafio! 14 | 15 | > ⚠️ **É importante que o seu repo esteja público, caso contrário não iremos conseguir avaliar sua resposta** 16 | 17 | # 🧠 Contexto 18 | 19 | ![Protótipo](https://firebasestorage.googleapis.com/v0/b/teste-upload-b324a.appspot.com/o/Captura%20de%20Tela%202021-11-01%20a%CC%80s%2014.44.04.png?alt=media&token=92acea99-9f2d-46b5-bced-4b384acf808f) 20 | 21 | O desafio será implementar um e-commerce para venda de vinhos que deverá ter as seguintes funcionalidades: 22 | - [ ] Catálogo de produtos com paginação 23 | - [ ] Filtragem produtos por preço 24 | - [ ] Busca por nome do produto 25 | - [ ] Adicionar e remover produtos do carrinho 26 | 27 | ## 📋 Instruções ReactJS 28 | 29 | Chegou a hora de colocar a mão na massa! 30 | 31 | - Siga [esse protótipo](https://www.figma.com/file/gByBxI9GBHKUjXRtO2fFh2/28%2F10-%F0%9F%96%A5-%F0%9F%93%B1---Wine-Test---WEB-%26-APP?node-id=680%3A6449) 32 | - Utilize Next.js e Typescript 33 | - Faça a estilização com styled-components 34 | - Utilize o local storage para gerenciar o carrinho 35 | - Por favor, inclua no README as instruções de instalação do projeto 36 | - Sinta-se livre para incluir quaisquer observações 37 | - Consuma nossa **API Rest** https://documenter.getpostman.com/view/10015622/UVJiiuHi#fe849253-c47a-492f-a860-08350296c570 38 | 39 | ## 📋 Instruções React Native 40 | 41 | Chegou a hora de colocar a mão na massa! 42 | 43 | - Siga [esse protótipo](https://www.figma.com/file/gByBxI9GBHKUjXRtO2fFh2/28%2F10-%F0%9F%96%A5-%F0%9F%93%B1---Wine-Test---WEB-%26-APP?node-id=6847%3A2333) 44 | - Utilize Typescript 45 | - Faça a estilização com styled-components 46 | - Utilize o local storage para gerenciar o carrinho 47 | - Por favor, inclua no README as instruções de instalação do projeto 48 | - Sinta-se livre para incluir quaisquer observações 49 | - Consuma nossa **API Rest** https://documenter.getpostman.com/view/10015622/UVJiiuHi#fe849253-c47a-492f-a860-08350296c570 50 | 51 | ## ✔️ Critérios de Avaliação 52 | 53 | Além dos requisitos levantados acima, iremos olhar para os seguintes critérios durante a correção do desafio: 54 | 55 | - Gerenciamento de estado 56 | - Componentização 57 | - Responsividade 58 | - Preocupação com usabilidade 59 | - Preocupação com acessibilidade 60 | - Testes e2e 61 | - Padrões de código 62 | - Padrão de commits (_Conventional_) 63 | 64 | ## 😎 Seria legal 65 | - Fazer deploy na vercel ou em outro local de sua preferência e disponibilizar um link de visualização 66 | - Testes unitários 67 | - Utilização de cache do Next.js 68 | --- 69 | --------------------------------------------------------------------------------