Projeto desenvolvido como parte da avaliação no curso da Trybe. A Trybewallet é uma aplicação de controle de gastos com conversor de moedas, permitindo que o usuário adicione, remova, edite gastos e visualize um resumo em uma tabela, incluindo o total de gastos convertidos para uma moeda específica.
-
Login:
- Página inicial de login na rota
/
. - Campos para inserção de e-mail e senha.
- Botão "Entrar" para efetuar o login.
- Página inicial de login na rota
-
Página da Carteira:
- Rota
/carteira
.
- Exibe o e-mail da pessoa usuária.
- Mostra a despesa total.
- Indica a moeda de câmbio em uso.
- Componente
WalletForm
dentro do componenteWallet
. - Campos para valor da despesa, descrição, seleção de moeda, método de pagamento e categoria.
- Botão "Adicionar despesa" para salvar as informações no estado global.
- Componente
Table
dentro do componenteWallet
. - Cabeçalho da tabela com as colunas: Descrição, Tag, Método de pagamento, Valor, Moeda, Câmbio utilizado, Valor convertido, Moeda de conversão, Editar/Excluir.
- Alimentada pelo estado da aplicação (chave
expenses
do reducerwallet
). - Botão de "Excluir" em cada linha.
- Ao clicar em "Excluir":
- A despesa é removida do estado global.
- A despesa deixa de ser exibida na tabela.
- O valor total no header é atualizado.
- Rota
- Criar e gerenciar um store Redux em aplicações React.
- Implementar reducers, actions, e dispatchers no Redux em aplicações React.
- Conectar Redux aos componentes React.
- Criar actions assíncronas na aplicação React que fazem uso do Redux.
- Desenvolvidos testes para alcançar uma cobertura total de 60% da aplicação.
Instruções para executar o projeto:
- Clone o repositório.
- Instale as dependências com
npm install
. - Execute a aplicação com
npm start
. - Abra o navegador e acesse
http://localhost:3000
.
Divirta-se controlando seus gastos com a Trybewallet! 😊