MyFinanceApp é um aplicativo web de controle financeiro pessoal e familiar com painel intuitivo, gráficos, categorias e metas (“caixinhas”). O foco é simplicidade e clareza na visualização de entradas, saídas e desempenho financeiro ao longo do tempo.
- Dashboard com saldo, entradas e saídas
- Gráficos de tendência e distribuição por categoria
- CRUD de transações
- Gestão de categorias
- Caixinhas para metas e reservas
- Autenticação completa (login, registro, verificação e reset de senha)
- PWA com suporte offline e instalação
- Tema claro/escuro conforme preferência
- HTML, CSS (Bootstrap)
- JavaScript
- Chart.js
- Service Worker + Manifest para PWA
git clone https://github.com/Programador-jr/MyFinanceApp.git
cd MyFinanceApp
npm install
npm run devO frontend será iniciado na porta 5000 por padrão.
A URL da API é injetada dinamicamente via .env:
GET /config.jsdefinewindow.__API_URL__GET /config.jsonretorna{ apiUrl }
Configure no .env:
-
API_URL= -
Produção:
https://myfinance-oss5.onrender.com(URL da API no Render) -
Desenvolvimento local:
http://localhost:3000quando estiver rodando a API localmente.
Note
A documentação e instruções para rodar a API localmente estão disponíveis no repositório da API:
https://github.com/Programador-jr/MyFinance
Important
Ao utilizar a API hospedada no Render, o frontend deve rodar na porta 5000.
-
Após iniciar o frontend, abra:
http://localhost:5000 -
Faça login ou cadastre uma conta.
-
Explore o dashboard, adicione transações, categorias e caixinhas.
Quer contribuir com o MyFinanceApp? Siga estes passos:
-
Faça fork deste repositório.
-
Crie uma branch de feature:
git checkout -b feature/nome-da-feature
-
Faça seus commits e abra um Pull Request.
Note
Mais informações em CONTRIBUTING
Este projeto está sob a ISC License. Veja o arquivo LICENSE para mais detalhes.