Diretrizes do desafio

O propósito primordial desta avaliação consiste em analisar sua proficiência na elaboração de código que seja claro, meticulosamente testado e passível de reutilização. Ao concluir a tarefa, solicitamos a gentileza de proceder com o deployment da aplicação e de nos fornecer, concomitantemente, os links correspondentes ao aplicativo e ao repositório associado. Este procedimento possibilitará uma análise abrangente do seu desempenho, sendo de suma importância para o desdobramento subsequente do processo avaliativo.

Tarefa (funcional)

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.

Recursos

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.

Ferramentas requeridas

TypeScript
React ou Next.js (Preferimos Next.js)
React-query
Styled-components ou SASS
Framer-motion
Jest

Aspectos técnicos

Todas as ferramentas previamente elencadas são consideradas requisitos essenciais e, portanto, imprescindíveis para a realização deste projeto. Adicionalmente, sinta-se à vontade para empregar qualquer outra tecnologia que julgar pertinente e confortável para o desenvolvimento do mesmo. A flexibilidade para a utilização de recursos adicionais visa propiciar um ambiente propício à expressão de suas habilidades e à implementação de soluções que melhor se alinhem à sua abordagem e experiência.

Faça o deploy!