A powerful and user-friendly web application designed to help users track their income, expenses, and budget efficiently.
View Project : https://iamshubz.github.io/FinTrack/- Intuitive and Clean Dashboard Interface
- Add, Edit, and Delete Transactions with Confirmation Prompt
- Category-Based Filtering (Food, Rent, Shopping, etc.)
- Dynamic Balance and Expense Calculation
- Interactive Analytics Graph for Expense Visualization
- Dark Mode Support for Better User Experience
- Responsive Design for Seamless Experience on Mobile Devices
- Progressive Web App (PWA) for Offline Access
- Budget Alert System for Expense Control
- Data Export Feature (CSV Format)
- Dedicated Profile Section with Editable Details
- HTML5
- CSS3
- JavaScript (ES6+)
- Chart.js (for dynamic graphs)
- Service Workers (for PWA functionality)
/ ├── index.html ├── dashboard.html ├── profile.html ├── transactions.html ├── styles.css ├── script.js ├── manifest.json ├── service-worker.js ├── assets/ │ ├── default-profile.png │ ├── icons/ │ └── other-assets/
1. Clone the Repository git clone https://github.com/your-username/fintrack.git cd fintrack
Open the Project in Your Code Editor
Start the Project Simply open index.html or dashboard.html in your browser.
(Optional) To Enable PWA (Progressive Web App)
- Serve the project via a local server like 'Live Server' in VS Code.
- Add Transactions: Enter transaction details and click 'Add Transaction'.
- Filter Transactions: Use the category filter for organized viewing.
- Set a Budget: Enter your desired limit and save it. Alerts will notify you if exceeded.
- View Analytics: Click 'View Graph' for expense visualization.
- Dark Mode & Theme Toggle: Click 'Dark Theme' for better readability.
- Profile Section: Click on the profile to view or update your details.
- Expense Prediction System
- Multi-Currency Support
- Income/Expense Trend Analysis
- Cloud-Based Data Sync
Contributions are welcome! Feel free to submit issues, pull requests, or suggest improvements.
This project is licensed under the MIT License.
Shubham Kayande 📧 Email | 💼 LinkedIn | 🐙 GitHub
If you have any questions or feature requests, feel free to reach out! 😊