https://github.com/thiagohrcosta/ignite-desafio-02-rocketshoes

Repositório dedicado ao aplicativo RocketShoes que compõe o desafio 01 do módulo 02 da trilha ReactJS ministrado pela RocketSeat em seu curso IGNITE PRO
https://github.com/thiagohrcosta/ignite-desafio-02-rocketshoes

json-server react toastify typescript

Last synced: 18 days ago
JSON representation

Repositório dedicado ao aplicativo RocketShoes que compõe o desafio 01 do módulo 02 da trilha ReactJS ministrado pela RocketSeat em seu curso IGNITE PRO

• Host: GitHub
• URL: https://github.com/thiagohrcosta/ignite-desafio-02-rocketshoes
• Owner: thiagohrcosta
• Created: 2021-11-15T18:56:20.000Z (about 3 years ago)
• Default Branch: master
• Last Pushed: 2021-11-21T18:07:21.000Z (about 3 years ago)
• Last Synced: 2024-10-22T22:55:38.771Z (2 months ago)
• Topics: json-server, react, toastify, typescript
• Language: TypeScript
• Homepage:
• Size: 226 KB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
![MainImg](https://res.cloudinary.com/dloadb2bx/image/upload/v1635994845/0ff8ac80-8026-11eb-8ed1-e8b77764fbcd_el3ft3.png)

  

## CAPÍTULO 02 - DESAFIO 01

  

Este repositório é composto pelo **desafio 01** do **capítulo 02**, da especialização em **ReactJS** ministrado pela **[ROCKETSEAT](https://www.rocketseat.com.br/)** em seu curso **IGNITE PRO**.

  

**Tecnologias utilizadas:** 
![enter image description here](https://img.shields.io/badge/React-20232A?style=for-the-badge&logo=react&logoColor=61DAFB) ![ ](https://img.shields.io/badge/TypeScript-007ACC?style=for-the-badge&logo=typescript&logoColor=white)

  **Outras tecnologias utilizadas:**

  - [JSON Server](https://github.com/typicode/json-server)

  - [Toastify](https://github.com/fkhadra/react-toastify#readme)

  

### Desafio:

Nesta aplicação o objetivo foi criar um hook de carrinho de compras, cujo desafio era:

-   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;

-   Entre outros.

    

![RocketShoes](https://res.cloudinary.com/dloadb2bx/image/upload/v1637517601/rocket1_vcdr7x.gif)

## Como rodar a aplicação?

 

Para rodar a aplicação baixe ou clone este repositório. Em seguida instale a pasta node_modules com o comando `yarn install`. Ao final inicie a aplicação com `yarn start` que será iniciada na porta `localhost:3000`.

## Testes

Para rodar os testes rode o comando `yarn test`.

![TestImg](https://res.cloudinary.com/dloadb2bx/image/upload/v1637517946/rocketShoestest_dx4l5r.png)