Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/lucaspanizio/redux-store

Exercício básico de manipulação de estados utilizando Redux Toolkit que simula uma loja com carrinho de compras.
https://github.com/lucaspanizio/redux-store

css3 reactjs redux-toolkit swiper-js tanstack-react-query typescript vite

Last synced: about 1 month ago
JSON representation

Exercício básico de manipulação de estados utilizando Redux Toolkit que simula uma loja com carrinho de compras.

Awesome Lists containing this project

README

        


Ícone do Redux

Redux Store




Este projeto é um exercício de manipulação de estados utilizando Redux Toolkit, que simula uma loja com funcionalidades básicas de adição e remoção de produtos no carrinho de compras.


Inclui um exemplo prático de como integrar a biblioteca Swiper no React para criar sliders interativos.
Além disso, também como exercício, optei por utilizar CSS puro seguindo a metodologia BEM (Block, Element, Modifier), em vez de utilizar bibliotecas como Styled Components ou TailwindCSS.


⚡ Como Executar   |   
📜 Licença


![GIF de apresentação da aplicação](https://github.com/user-attachments/assets/12a32836-a925-440c-ae96-e7fd2d065db2)



## ⚡ Como executar

Clone este repositório

```bash
git clone https://github.com/lucaspanizio/redux-store.git
```

Acesse o diretório da aplicação

```bash
cd redux-store
```

Faça a instalação das dependências

```bash
npm install
```

Execute a aplicação

```bash
npm run dev
```

Acesse http://localhost:5173 para visualizar a aplicação.


## 📜 Licença

Esse projeto está sob a licença MIT.

License

#### Desenvolvido por José Lucas Panizio 🖖

[![Linkedin Badge](https://img.shields.io/badge/-LinkedIn-blue?style=flat-square&logo=Linkedin&logoColor=white&link=https://www.linkedin.com/in/lucaspanizio/)](https://www.linkedin.com/in/lucaspanizio/)
[![Gmail Badge](https://img.shields.io/badge/-Gmail-ff0000?style=flat-square&labelColor=ff0000&logo=gmail&logoColor=white&link=mailto:[email protected])](mailto:[email protected])