Aplicação que simula um carteira de controle de gastos com conversor de moedas, onde é possível adicionar, remover ou editar os gastos, assim como visualizar em formato de tabelas os gastos inseridos mostrando um resumo do total de todos os gastos convertido para a moeda escolhida.
Observações
- Aplicação desenvolvida em React, utilizando Redux como ferramenta para manipulação de estado.
- Uso de funções síncronas e assíncronas.
- Utilizado o lifecycle methods para escuta e renderização condicional dos componentes de acordo com a mudança do estado.
- Fazer requisições e consumir dados vindos de uma
API; - Utilizar os ciclos de vida de um componente React;
- Criar um
storeRedux em aplicações React - Criar
reducersno Redux em aplicações React - Criar
actionsno Redux em aplicações React - Criar
dispatchersno Redux em aplicações React - Conectar
Reduxaos componentesReact - Criar
actions assíncronasna sua aplicação React que faz uso de Redux.
- - Fazer login;
- - Ter um Header dinâmico que mostre o nome do usuário logado e o valor total das despesas;
- - Trazer as siglas da moedas, assim com suas cotações de um API externa.
- - Adicionar/ editar e remover uma despesa no estado global da aplicação;
- - Renderizar uma tabela que mostre das despesas existentes no estado global da aplicação.
- Clone o repositório
git clone git@github.com:afstudiox/digwallet.git - Executar o o comando
npm installna raiz do projeto para instalar as dependências. - A aplicação dever ser executado no seu browser padrão na porta 3000.
Este projeto foi desenvolvido para fins de aprendizado por Andre Felipe dos Santos. É permitido baixar ou clonar o repositório para fins de estudo, porém não é permitida a publicação de cópias totais ou parciais do mesmo. Esta isenção de responsabilidade não abrange bibliotecas e dependências, que estão sujeitas às suas respectivas licenças.