Expense Manager is a web application that helps users track their expenses. It allows users to set a budget, record their expenses with name and amount, and view them in a table format. The application also provides information on the total budget and the remaining budget, with color-coded indicators based on the percentage spent. Users can delete individual expenses and reset the budget if needed.
The project is built using the following technologies:
- HTML
- CSS (following the mobile-first approach and BEM methodology)
- JavaScript
The main purpose of this project is to apply object-oriented programming in a real-world JavaScript project and utilize the capabilities of local storage. By building Expense Manager, i aim to provide users with an intuitive and efficient tool for managing their expenses, while also gaining hands-on experience with classes and persisting data locally.
- Set a budget and track expenses.
- Add expenses with name and amount.
- View expenses in a table format.
- Monitor the total budget and remaining budget with visually appealing indicators.
- Delete individual expenses.
- Reset the budget to start afresh.
You can access the online demo of this project through the following link: Expense Manager