a-medeiros / desafio-front-end Goto Github PK

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.

• API de produtos: https://62d742f351e6e8f06f1a83da.mockapi.io/api/produtos

1. 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.

2. Design de livre escolha.

3. O teste tem gaps propositais para você sugerir soluções, desenvolver ideias e provar na prática o porque a sua decisão pode ter um impacto positivo nessa tarefa.

• 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:

1. instalar o projeto na máquina (engines, versão de node, qual gerenciador de pacote usar)
2. instalar as dependências do projeto
3. rodar o ambiente de desenvolvimento
4. rodar a build de deploy da aplicação.

• Pode utilizar tanto o Axios quanto ou Fetch para requisições.

Boa sorte!