SpendinControl is a lightweight, installable offline-first expense tracker — built out of personal need. It's a minimalist MVP that helps you log, organize, and compare your spending habits month by month. This isn't just a frontend or backend exercise — it’s a real-world tool I wanted for myself.

• ✅ Clean and responsive layout (Natively Dark themed)
• ✅ Add, edit, and delete expenses
• ✅ Set category-wise monthly budgets
• ✅ See monthly breakdown and budget comparisons
• ✅ Collapsible sections for easy navigation
• ✅ Import/export CSV for backup or migration
• ✅ Works fully offline (PWA, installable on desktop & mobile)
• ✅ Real-time online/offline status indicator
• ✅ Data stored securely in localStorage (private by default)
• ✅ Smooth auto-scroll during edits for a better UX

• HTML
• Pure CSS
• Vanilla JavaScript
• JSON (for app manifest only)

I didn’t plan to master JavaScript — but I needed a tool like this for myself. So I combined AI assistance, hands-on trial-and-error, and a simple but intentional design to make something that works.

I built and refined this using multiple AI tools, with all ideas and logic fully my own. While I may not be a frontend expert yet, I take full credit for making this concept a working solution.

1. Visit the live site
2. Add expenses and budgets — everything stays on your device
3. Export data when needed, and import in any other device
4. Install it on your phone or pc like a native app

No accounts, no tracking — just control over your spending.

• Open in Chrome/Edge on desktop or Android
• Tap "Add App to Home Screen" / App > "Install SpendinControl" from browser menu
• Runs offline after that — just like a native app!

All rights reserved — do not copy or redistribute code without permission.

• I'm not actively working on adding new features, but feedback for polishing is welcome.
• I plan to add account sync across devices with a Django backend in the future.
• If you find this tool useful, please consider starring ⭐ the repository.