mrrioja / dtmoney

O dtMoney é uma aplicação web construída com React cujo objetivo é registrar movimentações financeiras e propor uma visualização simplificada sob os gastos dos usuário.

Sua saúde financeira começa aqui!

Sobre • dtMoney • Instalação • Tecnologias • Autor

Sobre

Desafio do Ignite proposto na trilha de React cujo objetivo principal foi a apresentação teórica e a prática dos fundamentos do ReactJS, como princípios de hooks, estados e o seu ciclo de vida.

dtMoney

O dtMoney é uma aplicação web construída com React cujo objetivo é registrar movimentações financeiras e propor uma visualização simplificada sob os gastos dos usuário.

A interface é bem simples e consiste em 3 cards principais onde são listadas as entrada, saídas e o saldo total do usuário, conforme exemplificado abaixo:

Percebe-se que, além dos cards e das movimentações também temos um botão para cadastro de novas transações. O formulário de cadastro é bem simples, conforme veremos a seguir:

Após informar valor, tipo de movimentação e adicionar um titulo e categoria para a transação, ele será adicionado na lista de transações e os valores dos cards serão atualizados. Vamos acompanhar a seguir o fluxo de cadastro de uma nova transação:

Instalação

Antes de começar, você vai precisar ter instalado em sua máquina as seguintes ferramentas: Git, Node.js. Além disto é bom ter um editor para trabalhar com o código como VSCode.

🖥️ Rodando a aplicação

# Clone este repositório
$ git clone [email protected]:MrRioja/dtMoney.git

# Acesse a pasta do projeto no terminal/cmd
$ cd dtMoney

# Instale as dependências
$ npm install
# Caso prefira usar o Yarn execute o comando abaixo
$ yarn

# Execute a aplicação em modo de desenvolvimento
$ npm run start
# Caso prefira usar o Yarn execute o comando abaixo
$ yarn start

# O servidor inciará na porta 3000 - acesse <http://localhost:3000>

Tecnologias

Autor

Luiz Rioja

Backend Developer