Nesse desafio nós implementamos um hook de carrinho de compras utilizando o contexto do react, com funcionalidades de adicionar um produto no carrinho, poder remover esse produto e aumentar ou diminuir a sua quantidade dentro do carrinho, salvando todos os dados no localStorage para que mesmo que a tela seja recarregada ou o usuário feche o navegador os dados continuem salvos.
- 🧶Sobre a aplicação:
A aplicação desenvolvida para esse desafio foi o RocketShoes, uma aplicação onde você listar um catálogo de tênis e adiciona-los ao carrinho.
Página de produtos
Página de carrinho de compras
- javascript
- typescript
- react.js
- create-react-app
- styled-components
- react-toastify
- mirage.js
- react-router-dom
- axios
- react-icons
Para clonar e rodar esse projeto você vai precisar do Node em uma versão LTS, do Yarn ou do Npm e do Git instalado na sua máquina.
# Faça o clone deste repositório para qualquer pasta de sua preferencia
$ git https://github.com/AlexBitar80/Ignite-03-desafio-hook rocketshoes
# Vá até essa pasta
$ cd rocketshoes
# rode esses comandos para instalar as dependências
$ yarn || npm install
# O projeto está utilizando uma fake API e para executar utilize
$ yarn server
# use esses comandos para rodar o Projeto
$ yarn start || npm run start
# use esses comandos para rodar os testes
$ yarn test || npm run test
Este projeto está sob a licença MIT LICENSE para mais detalhes.
🚀 #NeverStopLearning