A modern, responsive expense tracking application built with HTML, CSS, and JavaScript that helps users manage their finances effectively.
🔗 Click here to try the Expense Tracker live
-
Transaction Management:
- Add income and expense transactions
- Delete transactions with confirmation
- Filter transactions by type and category
- Automatic calculation of balance and totals
-
User Experience:
- Clean, intuitive interface
- Dark/light theme toggle
- Toast notifications for user feedback
- Responsive design for all devices
-
Data Persistence:
- All transactions saved in browser's localStorage
- Theme preference remembered between sessions
-
Frontend:
- HTML5
- CSS3 (Flexbox, Grid, Variables)
- JavaScript (ES6)
-
Libraries:
- Font Awesome (v6) for icons
- Google Fonts (Poppins) for typography
No installation required! Simply open the index.html file in any modern web browser.
-
Adding Transactions:
- Select transaction type (Income/Expense)
- Enter a description
- Input the amount
- Select date and category
- Click "Add Transaction"
-
Viewing Transactions:
- All transactions appear in the history section
- Use the filters to view specific transactions
- Balance and summary update automatically
-
Deleting Transactions:
- Click the trash can icon on any transaction
- Confirm deletion in the dialog
-
Changing Theme:
- Toggle the theme switch in the header
- Preference saves automatically
The application works on all modern browsers including:
- Chrome (latest)
- Firefox (latest)
- Safari (latest)
- Edge (latest)
Planned features for future versions:
- Edit existing transactions
- Data visualization with charts
- Export/import transaction data
- Multi-currency support
- User accounts with cloud sync
Contributions are welcome! Please follow these steps:
- Fork the repository
- Create your feature branch (
git checkout -b feature/your-feature) - Commit your changes (
git commit -am 'Add some feature') - Push to the branch (
git push origin feature/your-feature) - Open a Pull Request
This project is licensed under the MIT License - see the MIT License file for details.
- Inspired by various financial management apps
- Built as a learning project for modern web development
- Special thanks to all open source contributors
Happy Budgeting! 💰