Introduction:

Have you ever thought how your money in a day that you save for over a month are gone in a flash? maybe you just indulge in the pleasure of continuous spending without any care in the world, perhaps your friends tag you in an expensive places and you have no choice but to go, although a software are not needed for such cases only discipline, to have it you have to track your expenses, and thus this web app is built.

BudgetWise is a secure and easy-to-use web application created to help students effectively manage their finances. Rather than estimating their remaining money, users can organize a monthly budget, assign spending limits to different categories, and monitor daily expenses through an interactive calendar. The system simplifies financial tracking by providing automatic updates and clear budgeting tools, encouraging students to develop responsible financial habits early on.

Key Features User Authentication – Allows students to securely register and log in using a unique username and password. Centralized Navigation Hub – Provides a dashboard interface that welcomes users and gives easy access to budgeting and daily expense tracking tools. Dynamic Resource Allocation – Enables students to input their monthly allowance, allocate budgets to different categories, and monitor remaining balances with real-time updates and visual indicators. Chronological Spending Ledger – Features an interactive calendar where users can add, view, and delete daily expenses, while highlighting dates with recorded spending activity. Automated Spending Guardrails – Prevents overspending by comparing expenses against category limits and blocking transactions that exceed the allocated budget.

System Flow / Workflow

1. Account Registration New users create an account by entering a unique username and password, then verify their account using the provided confirmation code.
2. User Login Registered users log in securely to access the budgeting system and their saved financial data.
3. Dashboard Access After logging in, users are directed to the dashboard where they can navigate between the budgeting tool and daily expense tracker.
4. Budget Setup Users enter their monthly allowance and allocate budgets to different spending categories such as food, transportation, school expenses, and savings.
5. Expense Tracking Through the calendar-based tracker, users can add, view, or remove daily expenses by selecting a specific date and category.
6. Automatic Budget Monitoring The system automatically updates remaining balances and checks whether expenses exceed the assigned category limits.

Technologies Used • HTML – Used to create the overall structure and content of the web application, including forms, buttons, dashboards, and navigation components. • CSS – Responsible for the visual design and layout of the system. It is used to improve the user interface through styling, spacing, colors, responsiveness, and overall user experience. • JavaScript – Handles the interactive and dynamic functionalities of the website, such as budget calculations, expense tracking, form validation, automatic balance updates, and calendar interactions. • Node.js – Serves as the backend runtime environment that manages server-side operations, handles user requests, processes application logic, and connects the system to the database. • MySQL – Used as the database management system for storing and organizing user information, budgeting data, expense records, and account details securely and efficiently.