https://github.com/renyzeraa/dt-money

aplicação financeira desenvolvida para gerenciar e controlar despesas e depósitos
https://github.com/renyzeraa/dt-money

miragejs react tailwindcss typescript vite

Last synced: about 2 months ago
JSON representation

aplicação financeira desenvolvida para gerenciar e controlar despesas e depósitos

Host: GitHub
URL: https://github.com/renyzeraa/dt-money
Owner: renyzeraa
Created: 2025-01-06T22:30:16.000Z (over 1 year ago)
Default Branch: main
Last Pushed: 2025-10-23T21:47:09.000Z (7 months ago)
Last Synced: 2025-10-23T23:33:45.467Z (7 months ago)
Topics: miragejs, react, tailwindcss, typescript, vite
Language: TypeScript
Homepage: https://app-dt-money-eight.vercel.app/
Size: 354 KB
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

# DT Money 💵

DT Money é uma aplicação financeira desenvolvida para gerenciar e controlar despesas e depósitos. Com ela, você pode registrar entradas e saídas de valores, categorizando cada transação, além de visualizar essas informações em um dashboard e em uma tabela detalhada.

A aplicação foi construída utilizando **React com TypeScript**, estilizada com **Tailwind CSS** e implementa um banco de dados local utilizando **MirageJS** para simulação de operações CRUD (criar, ler, atualizar, excluir).

## Tecnologias Utilizadas

- **React** (com TypeScript): Para criação da interface e gerenciamento de estados.
- **Tailwind CSS**: Framework de CSS para estilização.
- **MirageJS**: Biblioteca para criar uma API local fictícia e simular um banco de dados.
- **Vite**: Ferramenta de build rápida e moderna para React.

## Funcionalidades

- **Lançamento de Entradas e Saídas de Valores**: Registre depósitos e despesas, incluindo descrição, categoria e data.
- **Dashboard**: Acompanhe o total de entradas e saídas, além de um resumo de seus saldos.
- **Tabela de Transações**: Exibe as transações registradas, com informações sobre a descrição, categoria e data de cada lançamento.
- **Simulação de Banco de Dados Local**: Utiliza MirageJS para emular um banco de dados e possibilitar a inserção e remoção de dados de maneira prática.

## Layout

![Image](https://github.com/user-attachments/assets/d6e5f4e6-5efa-476a-aaa5-23026f54cbea)

Layout do [figma](https://www.figma.com/design/texk7smNXFb7duBVO8rDze/dtmoney-Ignite?m=auto&t=syT2O86j6ueq60U1-6)

## Como Rodar o Projeto Localmente

### 1. Clonar o Repositório

```bash
git clone https://github.com/renyzeraa/dt-money.git
```

### 2. Instalar Dependências

Acesse o diretório do projeto e instale as dependências:

```bash
npm install
```

### 3. Rodar a Aplicação

Após a instalação das dependências, execute o seguinte comando para rodar a aplicação:

```bash
npm run dev
```