FusedBudgetBudgeting application built in React
I wanted a way to keep track of my finances in this every changing world and was also interested in learning how to build a complex React application from the ground up.
The dashboard is where a user would see there budget for the current month.
They are able to change the amount budgeted add categories as well as hide categories.
At the top there is also a section that tells them how much more they have to budget for that month, how much they have spent and how much they have earned.
On the side of the budget there is a sidebar where the user can see how much was leftover from last months budget, how much is budgeted this month, how much has been spend this month and how much is available. In the sidebar they can also quickly budget certain amounts, create a funding goal, and add notes to the category.
The account page is where a user would see all of their tranascations for their account. There are a few actions that a user can take here to manage there account.
Clicking the pencil icon next to the account amount will allow them to edit the amount that is in their account.
Clicking the note icon of a transaction item will allow them to view and add notes to the transaction.
Clicking the pencil icon of a transaction item in the list will allow them to edit the details of the transaction.
Clicking the trash icon will delete the transaction from the list and from the category it was added to and add the money spent back into the account.