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

https://github.com/andreyrvs/17-trybe-wallet

Carteira de controle de gastos com conversor de moedas.
https://github.com/andreyrvs/17-trybe-wallet

bootstrap frontend javascript react react-icons react-router reactjs redux redux-thunk

Last synced: 3 months ago
JSON representation

Carteira de controle de gastos com conversor de moedas.

Awesome Lists containing this project

README

          

# Wallet

## Contexto

Este projeto trata-se de uma aplicação que computa gastos em diferentes moedas e converte tudo para uma única moeda, que pode ser escolhida por quem usa. Utiliza a API de [Cotações de Moedas](https://docs.awesomeapi.com.br/api-de-moedas)

Sendo possivel:

- Adicionar, remover e editar um gasto;
- Visualizar uma tabelas com seus gastos;
- Visualizar o total de gastos convertidos para uma moeda de escolha;

## Técnologias usadas

Front-end:
> Desenvolvido usando: React, React Router, Prop-Types, React Icons, Redux, Redux Thunk, Bootstrap

## Habilidades

Adquiri essas habilidades ao desenvolver esse projeto:

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

## Preview da Aplicação

| ![Login](./aplicacao-login.png) | ![Home](./aplicacao-home.png) |
| ----------- | ----------- |

## Instalando Dependências

- Clone o projeto:

```bash
git clone git@github.com:Andreyrvs/17-Trybe-Wallet.git
```

> Front-end

```bash
cd 17-Trybe-Wallet/
npm install
```

## Executando aplicação

- Para rodar o Front-end:

```bash
cd src/ && npm start
```