Um aplicativo web moderno para gerenciamento de finanças pessoais, desenvolvido com React.
-
Gerenciamento de Transações
- Adicionar receitas e despesas
- Categorizar transações
- Definir datas para cada transação
- Excluir transações
-
Visualização de Dados
- Saldo total atualizado
- Resumo de receitas e despesas
- Lista detalhada de transações
- Gráficos e estatísticas
-
Estatísticas Detalhadas
- Média de gastos
- Gastos do mês atual
- Categoria mais frequente
- Maior gasto por categoria
- Gráfico de distribuição de gastos
-
Exportação de Dados
- CSV
- JSON
- Excel
-
Interface Adaptável
- Tema claro/escuro
- Design responsivo
- Interface intuitiva
- React
- React Router
- Chart.js
- XLSX
- jsPDF
- CSS3
- Vite
- Clone o repositório:
git clone https://github.com/gabrielBehling/MoneyTracker- Entre na pasta do projeto:
cd MoneyTracker- Instale as dependências:
npm install- Inicie o servidor de desenvolvimento:
npm run dev-
Adicionar Transação
- Preencha a descrição
- Insira o valor
- Selecione a categoria
- Escolha a data
- Defina o tipo (receita/despesa)
-
Visualizar Estatísticas
- Clique em "Ver Estatísticas"
- Analise os dados apresentados
- Visualize o gráfico de distribuição
-
Exportar Dados
- Clique em "Exportar"
- Escolha o formato desejado
- Faça o download do arquivo
O tema da aplicação pode ser alternado entre claro e escuro através do botão de alternância no canto superior direito.
A aplicação é totalmente responsiva e se adapta a diferentes tamanhos de tela:
- Desktop
- Tablet
- Smartphone