https://github.com/felipemuller20/expenses-wallet-project

Projeto realizado em React e Redux que simula uma carteira de despesas que faz conversão da moeda utilizada para o Real (R$), através de uma API.
https://github.com/felipemuller20/expenses-wallet-project

react-router reactjs redux

Last synced: about 1 month ago
JSON representation

Projeto realizado em React e Redux que simula uma carteira de despesas que faz conversão da moeda utilizada para o Real (R$), através de uma API.

• Host: GitHub
• URL: https://github.com/felipemuller20/expenses-wallet-project
• Owner: felipemuller20
• Created: 2021-11-08T21:40:45.000Z (about 3 years ago)
• Default Branch: main
• Last Pushed: 2021-11-08T22:10:49.000Z (about 3 years ago)
• Last Synced: 2024-11-06T17:52:56.767Z (3 months ago)
• Topics: react-router, reactjs, redux
• Language: JavaScript
• Homepage:
• Size: 2.3 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Codeowners: .github/CODEOWNERS

Awesome Lists containing this project

README

        
# ✌️ Boas vindas ao repositório do projeto Expenses Wallet!

Neste projeto foi desenvolvido uma carteira de controle de gastos com conversor de moedas. Ao utilizar essa aplicação um usuário é capaz de:

Adicionar, remover e editar um gasto;

Visualizar uma tabelas com seus gastos;

Visualizar o total de gastos convertidos para uma moeda de escolha;

Para a realização deste projeto, foi utilizada uma API que recebe a cotação atual das moedas de vários países.

---

# 👀 Visualização

O deploy deste projeto foi realizado via GitHub Pages e você pode acessá-lo através [deste link](https://felipemuller20.github.io/expenses-wallet-project/).

Para executar este programa no seu computador, faça o clone deste repositório com `git clone`. Em seguida, instale as dependências do projeto com `npm install` e execute o programa com o comando `npm start`.

---

# ⚛️ Tecnologias utilizadas

- React.JS

- JavaScript

- React Redux

---

# ✍️ Habilidades desenvolvidas

- Criar um store Redux em aplicações React

- Criar reducers no Redux em aplicações React

- Criar actions no Redux em aplicações React

- Criar dispatchers no Redux em aplicações React

- Conectar Redux aos componentes React

- Criar actions assíncronas na sua aplicação React que faz uso de Redux.

Além disso, neste projeto foi utilizado o ESLint, uma ferramenta para identificar divergências nos padrões de códigos JavaScript, garantindo as boas práticas no código e uma melhor legibilidade.

---