Sobre • dtMoney • Instalação • Tecnologias • Autor
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.
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:
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.
# 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>