Construir uma aplicação web em ReactJS que tenha o comportamento de um e-commerce.
Dar um fork no projeto, clonar o repositório em sua máquina local e criar um branch novo para o seu código.
• Ao acessar a home, trazer a listagem de produtos vinda da API de referência.
• Ao digitar no campo de busca, deve-se trazer somente os resultados digitados.
• Ao clicar no botão "Adicionar ao carrinho", deve-se inserir o produto ao carrinho de compras.
• No carrinho de compras, pode-se remover os produtos.
• No carrinho de compras, deve-se informar o total da compra.
• API de produtos: https://62d742f351e6e8f06f1a83da.mockapi.io/api/produtos
-
Não é necessário se preocupar com CORS ou implementar um backend para fazer as requisições. A API de produtos permite chamadas diretas do navegador.
-
Design de livre escolha.
• Pode utilizar qualquer library de CSS e CSS-in-JS. (recomendamos Material UI, Bootstrap ou Styled Components. Pode fazer com CSS clássico também)
• O projeto deve ter uma documentação em readme ensinando a:
- instalar o projeto na máquina (engines, versão de node, qual gerenciador de pacote usar)
- instalar as dependências do projeto
- rodar o ambiente de desenvolvimento
- rodar a build de deploy da aplicação.
• Pode utilizar tanto o Axios quanto ou Fetch para requisições.
• Hospedar o projeto em um servidor (Heroku, Vercel, Netlify)
• Utilização de typescript
• Bom uso de context api ou outro gerenciamento de estados
Boa sorte!