What is an Expense Tracker App?

The Expense Tracker application is a basic tool we designed in ReactJS to let users add, view, and calculate their daily expenses. The overall functionality of this simple app works based on the user's monthly income.

After entering the monthly income (which varies by user), the workflow shifts to adding expenses. Here, users can choose an expense name from the dropdown and add a custom expense by selecting "Other".

After selecting the expense name, enter the expense amount and click the "Add Expense" button. Upon clicking the button, the expense and its amount will be displayed in the Expense List card. Here, you can view all added expenses. If needed, you can remove them from the list, and the total expense will be updated accordingly.

There is a summary section that simultaneously displays the data dynamically for your Income, Expense, and Total Balance based on the changes you make.

Note:

An expense category can only be added once. Duplicate categories are not allowed and will be rejected by the application.