https://github.com/rafa-kozand/ignite_react.js_challenge_03

React JS challenge done with 'Rocketseat' Ignite course. ("Desafio: Criando um hook de carrinho de compras")
https://github.com/rafa-kozand/ignite_react.js_challenge_03

html html5 ignite ignite-reactjs ignite-rocketseat javascript reactjs rocketseat typescript

Last synced: 20 days ago
JSON representation

React JS challenge done with 'Rocketseat' Ignite course. ("Desafio: Criando um hook de carrinho de compras")

• Host: GitHub
• URL: https://github.com/rafa-kozand/ignite_react.js_challenge_03
• Owner: Rafa-KozAnd
• Created: 2022-05-22T11:41:12.000Z (over 2 years ago)
• Default Branch: master
• Last Pushed: 2023-04-24T20:14:34.000Z (almost 2 years ago)
• Last Synced: 2024-11-12T01:33:16.825Z (3 months ago)
• Topics: html, html5, ignite, ignite-reactjs, ignite-rocketseat, javascript, reactjs, rocketseat, typescript
• Language: TypeScript
• Homepage:
• Size: 74.2 KB
• Stars: 2
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        


  

  

  

  

  

  



# Ignite_React.js_Challenge_03

React JS challenge done with 'Rocketseat' Ignite course. ("Desafio: Criando um hook de carrinho de compras")

## 💻 Sobre o desafio

Nesse desafio, você deverá criar uma aplicação para treinar o que aprendeu até agora no ReactJS

Essa será uma aplicação onde o seu principal objetivo é criar um hook de carrinho de compras. Você terá acesso a duas páginas, um componente e um hook para implementar as funcionalidades pedidas nesse desafio:

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

## Getting Started

First, run the development server:

```bash

npm run dev

# or

yarn dev

```

Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.

You can start editing the page by modifying `pages/index.js`. The page auto-updates as you edit the file.

[API routes](https://nextjs.org/docs/api-routes/introduction) can be accessed on [http://localhost:3000/api/hello](http://localhost:3000/api/hello). This endpoint can be edited in `pages/api/hello.js`.

The `pages/api` directory is mapped to `/api/*`. Files in this directory are treated as [API routes](https://nextjs.org/docs/api-routes/introduction) instead of React pages.

##