goncadanilo / rocketshoes

🛒 Desafio: Criando um hook de carrinho de compras com ReactJS

🛒 Desafio: Criando um hook de carrinho de compras

🚀 Ignite | Trilha ReactJS

Tecnologias   |    Sobre o Desafio   |    Como rodar   |    Licença

demo.mp4

🚀 Tecnologias

Esse projeto foi desenvolvido com as seguintes tecnologias:

• React JS
• TypeScript
• Styled Components
• Axios
• React Testing Library

🎯 Sobre o Desafio

Nesse desafio, criei um hook de carrinho de compras para aplicação pré-construída para treinar o que aprendi até agora no ReactJS.

• Adicionar um novo produto ao carrinho;
• Remover um produto do carrinho;
• Alterar a quantidade de um produto no carrinho;
• Cálculo dos preços sub-total e total do carrinho;
• Validação de estoque;
• Exibição de mensagens de erro;

🔧 Como rodar

É necessário ter instalado:

• Git
• Node.js
• Yarn

🗂 Faça um clone do projeto

git clone https://github.com/goncadanilo/rocketshoes.git

📥 Instale as dependências

# Acesse o diretório do projeto
cd rocketshoes

# Instale as dependências
yarn

⚡ Inicie a aplicação

# Executar a Fake API com JSON Server
yarn server

# Executar a aplicação
yarn start

⚗ Teste a aplicação

Para rodar os testes (utilizados na correção do desafio) execute o comando:

yarn test

📝 Licença

Esse projeto está sob a licença MIT. Veja o arquivo LICENSE para mais detalhes.

---

Feito com ♥ by Danilo Gonçalves. Me adicione no LinkedIn 👋