This budgeting app is a web application for tracking expenses. The main technologies and programming languages used include
- Javascript
- HTML
- CSS
The app stores all the data in the local storage of the user making it possible for the user to retrieve the data.
The first page also has a subtraction button allowing the user to add any other expense not listed in the main buttons.
At the bottom of the first page, there is a balance button which on click shows how much income is left. On both sides of this button is a burger-like button which on click, will lead you to the second page of the app.
The second page of the app displays all the user’s expenses in a pie chart form and a table.
When a user hovers over the different sections of the pie chart, they will be able to see the different percentages of each expense. The percentages are calculated as a percentage of a certain expense to the total income.
The table shows the date an income was added or when an expense was incurred. The last row of the table shows the outstanding balance which is the income minus all the expenses.
I deployed the app on Github pages and you can access the working demo at: https://wanjiru-njuguna.github.io/BudgetingApp/app.html