dashboard-financeiro

💰 Dashboard Financeiro - Controle Pessoal

Dashboard interativo de controle financeiro pessoal com visualizações em tempo real, gráficos inteligentes e análises financeiras avançadas.

✨ Recursos

• 💯 Score Financeiro - Avaliação de saúde financeira (0-100)
• 🔔 Alertas Inteligentes - Notificações automáticas de gastos, metas e cartões
• 🎯 Metas Financeiras - Rastreamento de metas (ex: financiar imóvel)
• 📊 Gráficos Interativos - Visualizações de receita, gastos por categoria e cartões
• 💳 Cartões de Crédito - Monitor com logos dos bancos
• 📱 Responsivo - Funciona perfeitamente em desktop, tablet e mobile

🚀 Como Usar

Opção 1: Acessar Online (Recomendado para Mobile)

1. Faça clone ou download deste repositório
2. Hospede em um servidor web, como:
   • GitHub Pages
   • Netlify (grátis)
   • Vercel (grátis)
   • Seu próprio servidor

Opção 2: Usar Localmente

1. Clone o repositório:

   git clone https://github.com/natamoreira-hub/dashboard-financeiro.git
   cd dashboard-financeiro
   

2. Inicie um servidor local: ```bash

   Python 3

   python -m http.server 8000

Ou Node.js

npx http-server

3. Acesse em seu navegador:

http://localhost:8000/dashboard-liquid.html

4. **No celular, acesse:**
   - Descubra o IP da sua máquina
   - Acesse via: `http://[SEU_IP]:8000/dashboard-liquid.html`

## 📊 Integrações

O dashboard se integra com **Google Sheets** para obter os dados. Configure sua planilha com as seguintes abas:

### Estrutura de Dados
- **Meus Gastos**: data, descrição, categoria, valor, tipo
- **Cartões**: cartão, mês, valor, vencimento
- **Renda**: fonte, valor
- **Orçamento**: categoria, valor, gasto

## 🔑 Configuração da API

1. Crie um projeto no [Google Apps Script](https://script.google.com/)
2. Deploy como Web App (executar como sua conta)
3. Atualize a `API_URL` em `dashboard-liquid.html` com seu endpoint
4. Adicione sua chave de acesso na variável `API_KEY`

## 📱 Acesso Mobile

### Via GitHub Raw (Mais Rápido)
Acesse diretamente no navegador do celular:

https://raw.githubusercontent.com/natamoreira-hub/dashboard-financeiro/master/dashboard-liquid.html ```

Via Servidor Local

1. Certifique-se que seu PC e celular estão na mesma rede Wi-Fi
2. Descubra o IP do PC (Windows: ipconfig)
3. No celular, acesse: http://[IP_DO_PC]:8000/dashboard-liquid.html

Via Hosted (Recomendado)

Faça deploy em:

• Netlify: Conecte seu repositório GitHub
• GitHub Pages: Ative em Settings → Pages
• Vercel: Conecte seu repositório GitHub

💡 Dicas

• ✅ Use Chrome ou Firefox para melhor compatibilidade
• ✅ Atualize a API_KEY com segurança (não publique em produção)
• ✅ Customize as cores e limites de gastos no CSS
• ✅ Adicione mais metas editando a função updateGoalsAndAlerts()

📈 Funcionalidades Futures

• Exportar dados em PDF
• Gráficos de comparação período
• Sistema de categorias customizáveis
• Notificações push
• Sincronização automática

📝 Licença

Projeto pessoal - Sinta-se livre para usar e modificar!

---

Criado com ❤️ para controle financeiro pessoal