O objetivo principal desse teste é avaliar sua capacidade de escrever código limpo, bem testado e reutilizável. Ao terminar, faça o deploy da aplicação e mande-nos o link.
Para esse desafio, você deve consumir nossa API REST de produtos para exibir a lista de produtos da loja.
A aplicação deve conter apenas uma página/rota e um carrinho.
-
Loja: A lista de produtos deve ser buscada de nossa API, use um shimmer/skeleton enquanto estiver em loading.
-
Carrinho: O carrinho deve conter todos os produtos selecionados, juntamente com a opção de aumentar a quantidade de cada produto selecionado.
Use do Jest e a testing-library para realizar os testes unitários.
UI/UX: Figma loja PS: O design system está incluso, incluindo a fonte.
API: API REST de produtos para exibir a lista de produtos da loja.
- TypeScript
- React ou Next.js (Preferimos Next.js)
- React-query
- Styled-components
- Jest
Todas as ferramentas listadas anteriormente são mandatórias, além delas sinta-se livre para utilizar de qualquer outra technologia que te seja confortável.
Ao finalizar, faça o deploy no lugar que te for confortável (exemplo: Vercel, Netlify, Heroku, Amazon EC2, App Runner, etc)