https://github.com/sara01romao/loja-natal
Catálogo de compra de produtos natalinos, praticando o uso do Context Api nas funcionalidades do carrinho de compra
https://github.com/sara01romao/loja-natal
context-api react-router reactjs
Last synced: about 2 months ago
JSON representation
Catálogo de compra de produtos natalinos, praticando o uso do Context Api nas funcionalidades do carrinho de compra
- Host: GitHub
- URL: https://github.com/sara01romao/loja-natal
- Owner: Sara01romao
- Created: 2021-10-16T23:47:33.000Z (over 4 years ago)
- Default Branch: main
- Last Pushed: 2021-11-01T15:23:30.000Z (over 4 years ago)
- Last Synced: 2025-03-28T15:48:10.868Z (over 1 year ago)
- Topics: context-api, react-router, reactjs
- Language: JavaScript
- Homepage:
- Size: 2.43 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
:christmas_tree: LOJA - natal :christmas_tree:
View - catálogo
## 💻 Sobre o Projeto
Projeto tem como tema um catálogo de compra de produtos natalinos, sendo usado Context Api nas funcionalidades do carrinho de compra. Dessa forma ficou mais simples as alteração dos estados em comuns entre os componentes. Além disso foram feitos filtros de busca e de ordenação de preço da lista de produtos.
[](https://lojanatal.netlify.app/)
## :rocket: Tecnologias Usadas
Front-end
```
Figma
React JS
React Router
React Icons
Toastify
```
# Planejamento do projeto
- [x] Layout Figma
- [x] Lista de produtos
- [x] Configuração básica das rotas
- [x] Page Home
- [x] Componente Header
- [x] Componente cards produto
- [x] Filtros de busca
- [x] Funcionalidade add carrinho/ remove
- [x] Funcionalidade alterar quantidade
- [x] Funcionalidade contador carrinho
- [x] Componente Footer
- [x] Page Carrinho
# In the project directory, you can run:
### `yarn start`
Runs the app in the development mode.\
Open [http://localhost:3000](http://localhost:3000) to view it in the browser.
The page will reload if you make edits.\
You will also see any lint errors in the console.