How karlosmontoya91/app-de-control-de-gastos works
Saldo Mensual is a Spanish-language personal-finance web app for managing monthly cash flow. The user enters through the React app, completes setup or signs in, then works with transactions and recurring expenses and reviews financial summaries. Budget envelopes, alerts, profile/settings, and goals are additional product areas visible in the supplied excerpts or app structure. Most behavior lives in one large App.tsx; the graph separates its domain responsibilities without implying separate modules. Firebase calls and the React entry point are evidenced; other internal feature wiring is not detailed in the excerpts.
Main entry points: App.tsx Finance workspace · main.tsx React entry
Components 13
Application entry
- React entry
saldo-mensual/src/main.tsx - Finance workspace
saldo-mensual/src/App.tsx
Finance management
- Setup and profile
saldo-mensual/src/App.tsx - Transactions
saldo-mensual/src/App.tsx - Recurring expenses
saldo-mensual/src/App.tsx - Budget envelopes
saldo-mensual/src/App.tsx - Categories
saldo-mensual/src/App.tsx
Planning and insights
- Reports and charts
saldo-mensual/src/App.tsx - Financial alerts
saldo-mensual/src/App.tsx - Savings goals
saldo-mensual/src/App.tsx
Cloud services
- Firebase Authentication
- Cloud Firestore
Other components
- Finance user
Connections 5
- Finance user → React entry: opens app
- React entry → Finance workspace: renders
saldo-mensual/src/main.tsx - Finance user → Finance workspace: uses finance tools
- Finance workspace → Firebase Authentication: signs in
saldo-mensual/src/App.tsx - Finance workspace → Cloud Firestore: writes profile
saldo-mensual/src/App.tsx