How iamsandeep-sm/expense_tracker works
Expense Tracker is a browser-only, day-by-day expense app: users enter and manage expenses, browse monthly and daily records, and view category summaries; data is saved locally without an account or backend. The main runtime is concentrated in js/script.js, with index.html providing the page and css/style.css its presentation. The source excerpts are partial, so the graph omits uncertain details of view wiring and does not infer connections between individual rendering helpers.
Main entry points: script.js App logic · index.html Page markup · style.css Themes and styling
Components 11
App entry
- Page markup
index.html - App logic
js/script.js
Expense workflows
- Expense entry
js/script.js - Expense management
js/script.js - Month browsing
js/script.js - Expense views
js/script.js - Category summary
js/script.js
State and presentation
- State and storage
js/script.js - Browser storage
- Themes and styling
css/style.css
Other components
- User
Connections 11
- User → Page markup: uses
- Page markup → App logic: loads app
- User → App logic: triggers events
- App logic → Expense entry: handles entry
- App logic → Expense management: handles actions
- App logic → Month browsing: handles navigation
- App logic → Expense views: renders records
- App logic → Category summary: renders summary
- App logic → State and storage: loads and saves
- State and storage → Browser storage: reads and writes
- Page markup → Themes and styling: uses styles