Skip to content

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.

License

Notifications You must be signed in to change notification settings

MrRioja/dtMoney

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

42 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Logo

Sua saúde financeira começa aqui!



GitHub top language GitHub last commit


SobredtMoneyInstalaçãoTecnologiasAutor




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:

Home da aplicação

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:

Modal para cadastro de transação

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:

Demonstração da aplicaçã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 git@github.com: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

My Skills

Autor

Luiz Rioja

Backend Developer

LinkedIn GitHub Gmail WhatsApp Skype

About

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.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published