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.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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.

License:MIT License


Languages

Language:TypeScript 95.9%Language:HTML 4.1%