Website powered by

Budget Overview - Web Application

The Budget Overview app generates pie charts for you based on your income and expenses per month. The main purpose of the Budget Overview app was to understand the steps involved in creating a web application. Additionally, my aim was to improve the overall user experience.
Tool was developed using Python, Flask and SQLite

Tools brief

Tools brief

Home page's UI

Home page's UI

Adding a new record page. Input validation was implemented to minimize errors.

Adding a new record page. Input validation was implemented to minimize errors.

Adding a new user page

Adding a new user page

Adding a new category page

Adding a new category page

All records page

All records page

Categorizing each record based on their category. For this scenario, only records with Utilities category is shown

Categorizing each record based on their category. For this scenario, only records with Utilities category is shown

Generate pie chart. Left chart shows breakdown of entire income, expenses and saving. Right pie chart shows break down of expenses

Generate pie chart. Left chart shows breakdown of entire income, expenses and saving. Right pie chart shows break down of expenses