Dashboard - acnscoelho/ppp-gestao-gastos-domesticos-api GitHub Wiki

O Dashboard é uma interface visual desenvolvida em HTML/CSS/JavaScript que apresenta um resumo financeiro completo com gráficos e tabelas interativas.


🔗 Acesso

URL: http://localhost:3000/api/dashboard

⚠️ Importante: O servidor deve estar em execução para acessar o Dashboard


📊 Funcionalidades

1. Resumo Financeiro

  • Total de Despesas Fixas: Soma de todas as despesas fixas
  • Total de Despesas Variáveis: Soma de todas as despesas variáveis
  • Total de Receitas: Soma das receitas disponíveis
  • Situação Final: Receitas - Despesas

2. Gráficos Visuais

  • Gráfico de Despesas por Tipo: Pizza mostrando distribuição entre fixas e variáveis
  • Gráfico de Pagamentos: Barra mostrando pago vs. restante
  • Gráfico de Receitas: Visualização de receita total, usada e disponível

3. Tabela de Despesas

  • Lista todas as despesas (fixas e variáveis)
  • Ordenadas por valor (maior para menor)
  • Mostra: Nome, Tipo, Valor, Valor Pago, Valor Restante, Status

4. Indicadores Visuais

  • 🟢 Verde: Despesa paga completamente
  • 🟡 Amarelo: Despesa parcialmente paga
  • 🔴 Vermelho: Despesa pendente

🎨 Layout do Dashboard