🚧 dtmoney 2.0 💵 Concluído 🚀 🚧

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

💻 Sobre o projeto

💵 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.

---

⚙️ Funcionalidades

• 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

---

🎨 Layout

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

Web

---

🚀 Como executar o projeto

Pré-requisitos

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 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

Rodando a Fake API

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

# O server será aberto na porta:3333

---

🛠 Tecnologias

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

Website (React + TypeScript + Vite)

• Axios
• JSONServer
• Styled Components
• Radix UI

Veja o arquivo package.json

Utilitários

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

---

📝 Licença

Este projeto esta sobe a licença MIT.

---

Versões do README

Português 🇧🇷 | Inglês 🇺🇸