A responsive and user-friendly web application to track income and expenses with monthly summaries, dynamic transaction history, and dark mode support.
- ✅ Add Transactions with amount, category, and date
- 🧮 Real-Time Balance Updates for total income, expense, and savings
- 🗂 Category Dropdown: Track spending in Food, Travel, Rent, and more
- 📅 Date Picker: Log past or future-dated expenses accurately
- 📊 Monthly Summary: Toggle to view income, expense & savings per month
- 📉 Negative Month Highlight: Months with more expenses than income are marked clearly
- 📖 View History Toggle: Show last 3–4 transactions or full list
- 🌙 Dark Mode Toggle: Cleaner viewing at night with theme persistence
- 🧠 LocalStorage powered: Data remains across sessions
- 🔐 Login System (Basic): Simulated user-based data separation
- Frontend: HTML, CSS, JavaScript
- Storage: LocalStorage (Browser-based persistence)
├── home.html // Landing page
├── login.html // Sign in / Login screen
├── index.html // Main expense tracker
├── style.css // Unified styling for all pages
├── script.js // Logic for tracking & transactions
├── auth.js // Login/sign-up handling
- Open
home.htmland click Sign In to Continue - Create a user (login.html)
- Enter transactions in the form (index.html)
- Use View Monthly Summary to analyze your spending
- Toggle dark/light mode anytime