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.
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.
1. TypeScript ✔️
2. React ou Next.js (Preferimos Next.js) ✔️
3. React-query ✔️
4. Styled-components ou SASS ✔️
5. Framer-motion ❌ (utilização de animações do próprio CSS)
6. Jest ❌ (estudando testes, ainda não tenho conhecimentos para aplicar em um projeto)
Link do projeto: https://mks-front-end-challenge-edijunior88.vercel.app/
Fork do projeto: https://github.com/MKS-desenvolvimento-de-sistemas/mks-frontend-challenge
JavaScript – Languages
TypeScript – Languages
Autoprefixer – CSS Pre-processors / Extensions
Next.js – Frameworks (Full Stack)
Node.js – Frameworks (Full Stack)
PostCSS – CSS Pre-processors / Extensions
React – Javascript UI Libraries
styled-components – JavaScript Framework Components
ESLint – Code Review
axios – Javascript Utilities & Libraries
Para ver todas as tecnologias clique aqui
