A modern and responsive Personal Finance Tracker built using HTML, CSS, and JavaScript. FinTrack Pro helps users manage their income and expenses with an intuitive dashboard, interactive charts, and customizable settings.
- Login system using LocalStorage
- User session management
- Logout functionality
- Current Balance
- Total Income
- Total Expenses
- Total Transactions
- Real-time updates
- Add Transactions
- Edit Transactions
- Delete Transactions
- Search Transactions
- Filter by Income/Expense
- Interactive Bar Chart using Chart.js
- Live chart updates
- Responsive chart
- Dark Mode
- Save Profile Name
- Currency Selection
- USD ($)
- INR (₹)
- EUR (€)
- GBP (£)
- Profile persistence using LocalStorage
- Light Theme
- Dark Theme
- Theme persistence after refresh
- Reset all transaction data
- Automatic dashboard refresh
- LocalStorage persistence
- HTML5
- CSS3
- JavaScript (ES6)
- Chart.js
- Font Awesome
- LocalStorage API
FinTrack-Pro/
│
├── css/
│ ├── login.css
│ └── dashboard.css
│
├── js/
│ ├── login.js
│ └── dashboard.js
│
├── images/
│
├── login.html
├── dashboard.html
├── README.md
└── LICENSE
- User logs in.
- Username is stored in LocalStorage.
- Dashboard loads automatically.
Users can
- Add income
- Add expenses
- Edit existing records
- Delete transactions
Dashboard statistics and charts update automatically.
Users can
- Change name
- Select preferred currency
- Enable Dark Mode
All settings remain saved even after refreshing the page.
currentUser
transactions
theme
profileName
currencySymbol
- Export Transactions as CSV
- Monthly Reports
- Expense Categories Chart
- Budget Planner
- Recurring Transactions
- Notifications
- Firebase Authentication
- Cloud Database
- Mobile Responsive Improvements
✅ Responsive UI
✅ Interactive Dashboard
✅ Real-time Statistics
✅ CRUD Operations
✅ Persistent LocalStorage
✅ Dark Mode
✅ Chart.js Integration
✅ Currency Switching
✅ Profile Management
Contributions are welcome.
-
Fork the repository
-
Create your feature branch
git checkout -b feature-name- Commit your changes
git commit -m "Added new feature"- Push to GitHub
git push origin feature-name- Open a Pull Request.
Srashti Chauhan
GitHub: https://github.com/SrashtiChauhan
LinkedIn: https://www.linkedin.com/in/srashtichauhan
If you found this project useful, consider giving it a ⭐ on GitHub.
It motivates me to build more open-source projects!
This project is licensed under the MIT License.