The goal is to create a fully responsive web-based Budget Tracker application based on the Model View Controller (MVC) Architecture made using Thymeleaf.
I implemented token-based authentication with Spring Security & JWT. Users have forms for login and registration.
After the user has successfully logged in, he is forwarded to the home page.
The home page has a logo, navigation menu, header and two buttons for quick user navigation through the pages.
The user also has a wallets page.
On that page, user can see the total balance calculated from all the wallets. He can delete each of the wallets as well as update them, and also has the option to add a new wallet.
This is form to update wallet:
This is form to update wallet:
The user can also create transactions for each wallet separately, i.e. spending. Each wallet contains an option for income and expense transaction.
This is form for income transaction:
The user can again see the name of the wallet with which he will make the transaction as well as his balance. After that, he enters the amount, which cannot be negative, a comment as desired, selects the date, and the income transaction category.
Finally, there is a button to confirm the transaction, to switch to the expense transaction, and to cancel it.
Here is the form for expense transaction:
After the user makes a transaction, the wallet is updated as well as the user's total balance.