A responsive budgeting tool designed for college and university students to plan monthly spending, set category budgets, and track their overall financial situation.
- Enter monthly income
- Choose from multiple currencies
- Set spending limits for different categories
- Track expenses across multiple categories
- Calculate total expenses
- Calculate remaining balance
- Calculate percentage of income spent
- Show overall budget status
- Highlight categories that exceed their budget limits
- Visual spending breakdown
- Reset planner
- Responsive design for desktop and mobile devices
- USD
- BDT
- EUR
- GBP
- Housing
- Food
- Transportation
- Books & Supplies
- Phone & Internet
- Entertainment
- Shopping
- Other
- HTML
- CSS
- JavaScript
This project was created as a practical student productivity and financial planning tool and as part of my web development learning portfolio.
- Enter your monthly income.
- Select your preferred currency.
- Enter spending amounts for each category.
- Set a budget limit for each category.
- Review your total expenses and remaining balance.
- Check the spending breakdown and budget status.
student-budget-planner/
├── index.html
├── style.css
├── script.js
└── README.md