The following project is a Budget Management Application. This application will allow users to create a monthly budget, manage their expenses, and track their progress. Besides these three key features, the application also offers users money saving challenges/games and a feature to remove unwanted subscriptions to save further money.
Before we began our project, we did some research and designed an application model of how we would want our application to look like once done. As you can see from the screen capture of the model provided below, we decide to make an application with the following 8 distinct sections: login/registration, transactions/records, subscriptions, analysis, budget plan, categories, categories, and challenges/games.
For our project, we used MySQL to store user records. This is how the database looked like at the end.
We used InteliJ IDEA to make our project but any other IDE would work fine too. We organized our project into folders so that it would be easier to find each others work. The folder structure is: auth (for loginapp authorization), connection (to connect to our database), controller (for menu at the bottom of page to navigate user through program), components (gui components for loginapp), and lastly pages (where most of the pages we designed for application are located).
When you first launch the application, you will be prompted to login. If you have a login, great: you can login right away! However, if you're a new user, you can click on the "Create an Account" button which will redirect you to the registration page. Here you will be asked to fill out your full name, username, email, and passcode. If you enter one of the field (for example email field) incorrectly, the page will error asking you to enter correct email address (especially when missing @ sign). Once you create an account and/or if you already have an account you can login! Please note, if you enter your password or username incorrectly the program will error until you input correct credentials. Another feature we added was the eye icon on the side of the password which would allow the user to verify the password they entered before attempting to login.
When you login to app successfully, you are welcomed by the transaction history page. In this section, users can enter all of their expenses and income they had over the past few months/years. Once this information is entered, users can organize their records by filtering by each expense category to see which expense they spend most on.
![]()
The next page is the Subscriptions. This section is dedicated only to different subscriptions the user has entered. From here users can enter, edit, and delete any unwanted subscriptions (which will also be automatically updated in the transaction history section).
After Subscriptions page, we have the Analysis page. In the Analysis section, users will see a visual representation of their expenses and the budget they set. From here, users will see which expenses they spend the most money on and how their spending habits compare to their budget.
The next page is Budget Plan. Here users will be prompted to enter their monthly income (after taxes) and then their budget which would be split between needs, wants, and savings. Once this information is entered, the user can click on the blue calculate budget button at the bottom to see what their budget would look like. If they are confident that this is budget they want, they can click on the green save budget button for it to be saved. Users can then sort by all the budgets they have made from the past.
![]()
After Budget Page, we have Accounts page. Here users will be asked to enter all of their financial accounts. Financial accounts will then have their amounts populated through the transaction history by the user. If the user chooses to edit their financial accounts page or delete it, they can do so from the accounts information page. For deletion of page to occur however, user will need to have no money in their account, otherwise if they do have money, account will error and not delete.
![]()
![]()
The next page is Categories pafe. Here users will be able to view and enter any further expenses they may have. Whether that be donations, hobbies, or petcare this section allows user to enter a new expense category which they would be able to use later in transaction page. If you hover over the image in the categories information page, a description of the category expense should appear.
![]()
![]()
Laslty, we have the Challenges page. In this section, users will have a chance to play a mini game that promotes healthy financial milestones, in particular about spending less money. The current challenge we have is the "No Spend Day" which as name suggests, asks user not to spend money for one day (or more). Once the user clicks to start challenge, they will need to enter records with at least a 1 day gap in the transaction page. Once this is done, users can go back to the page to claime their badge which will appear in the form of a pop up (with music).
![]()
![]()
![]()
![]()
I hope you enjoyed the little walk through of the Budget Management Application. If you have any questions and/or concerns let me know! Don't forget to leave a star⭐️.