Sobre • Funcionalidades • Layout • Como executar • Tecnologias • Licença

💵 dtmoney 2.0 - é uma plataforma de gerenciamento de fluxo de caixa para auxiliar no controle de ganhos e gastos do usuário.

Projeto desenvolvido durante a trilha ReactJS 2022 do Ignite oferecida pela Rocketseat. O Ignite é um curso online com muito conteúdo prático, desafios e hacks sobre React e outras tecnologias como React Native, NodeJS e Elixir.

• Listagem de transações

• Buscar de transações por título

• Somatórios:

  • Somatório de Receitas
  • Somatório de Despesas
  • Somatório total

• Cadastro de novas transações informando:

  • Título
  • Valor
  • Tipo (Entrada / Saída)
  • Categoria

O layout da aplicação está disponível no Figma:

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 https://github.com/gabrielvbauer/dtmoney2.0.git

# Acesse a pasta do projeto no seu terminal/cmd
$ cd dtmoney2.0

# Instale as dependências
$ npm i

# Execute a aplicação em modo de desenvolvimento
$ npm run dev

# A aplicação será aberta na porta:3000 - acesse http://localhost:3000

# Execute o comando para iniciar a Fake API
$ npm run dev:server

# O server será aberto na porta:3333

As seguintes ferramentas foram usadas na construção do projeto:

• Axios
• JSONServer
• Styled Components
• Radix UI

Veja o arquivo package.json

• Protótipo: Figma → Protótipo (dtmoney2.0)
• Editor: Visual Studio Code
• Markdown: StackEdit

Este projeto esta sobe a licença MIT.

Português 🇧🇷 | Inglês 🇺🇸