A responsive web-based expense tracking application that helps users manage their monthly expenses with visual representations and budget monitoring system.
- 📊 Set and track monthly budget limits
- 💰 Add and delete expenses with dates
- 📈 Visual representation of expenses through charts
- 🚨 Alert system for budget limit exceeded
- 📱 Responsive design for both desktop and mobile devices
- 📊 Daily expense trend visualization
- 💵 Real-time calculation of remaining budget
- HTML5
- CSS3
- JavaScript (Vanilla)
- Chart.js for data visualization
1.Clone the repository:
git clone https://github.com/yourusername/expense-tracker.git
2.Navigate to the project directory:
cd webapp
3.Open the index.html File: Open index.html in your preferred web browser
- Chrome (latest)
- Firefox (latest)
- Safari (latest)
- Edge (latest)
- Open the application in your preferred web browser.
- Set your monthly budget limit in the "Set Monthly Limit" input field and click "Set Limit".
- Fill in the details for each expense and click "Add Expense" to record them.
- Monitor your current spending status in the status container.
- Manage your expenses using the provided delete functionality.
- Keep track of your budget with real-time alerts.
Contributions are welcome! If you have suggestions for improvements or features, feel free to fork the repository and submit a pull request.
For any inquiries or issues, please contact me at:
- Email: [email protected]
- GitHub: @Jivan052
https://expense-tracker-red-rho.vercel.app/
Jivan Jamdar 🤓