Um aplicativo web intuitivo para gestão financeira pessoal, desenvolvido com as melhores práticas de desenvolvimento front-end. Controle suas despesas de forma simples e eficiente!
- 🗓️ Seletor de data integrado (dia/mês/ano)
- 📋 Categorização automática (Alimentação, Educação, Saúde, etc.)
- ⚡ Validação em tempo real dos campos
- đź’ľ Armazenamento local persistente
- 🔎 Sistema de filtros combinados
- 🗂️ Visualização tabular organizada
- 📊 Ordenação por data/categoria/valor
- 🗑️ Exclusão segura com confirmação
- đź§© Arquitetura modular em classes ES6
- 📦 Persistência em LocalStorage
- 🎨 Design System consistente
- 📱 Layout responsivo
| Camada | Tecnologias |
|---|---|
| Frontend | HTML5, CSS3, JavaScript (ES6+) |
| Framework | Bootstrap 4.0.0 |
| ĂŤcones | Font Awesome 5.0.8 |
| Fontes | JetBrains Mono (UI), League Spartan (TĂtulos) |
| Armazenamento | LocalStorage (IndexedDB-like) |
-
Acesso Imediato
# Clone o repositĂłrio git clone https://github.com/DanAntunes/orcamento-pessoal.git # Inicie o servidor local cd orcamento-pessoal && npx serve
-
Fluxo Principal
-
Cadastro:
- Selecione a data
- Escolha a categoria
- Insira descrição e valor
- Salve com um clique!
-
Consulta:
- Use filtros combinados
- Ordene por qualquer coluna
- Ações rápidas com Ăcones
-
orcamento-pessoal/
├── src/
│ ├── assets/
│ │ ├── css/
│ │ │ └── style.css # Estilos principais
│ │ ├── scripts/
│ │ │ └── app.js # Lógica da aplicação
│ │ └── images/ # Assets visuais
│ └── page/
│ └── consulta.html # Página de consulta
├── index.html # Página principal
└── README.md # Documentação
- Todos os dados sĂŁo armazenados localmente no navegador
- Não requer autenticação
- Recomendado para uso pessoal em dispositivos seguros
- Sincronização com Google Drive
- Gráficos de análise de gastos
- Sistema de categorias customizáveis
- Modo noturno/diurno
Licença MIT - © 2025 Dan Antunes. Consulte o arquivo LICENSE para detalhes.

