Collegiate Financial Planner

• 

  Main Page

• 

  Pie Chart

• 

  Pie Chart

• 

  Login

What inspired us

For many college students across America, managing one's finances is one of the biggest sources of stress and anxiety. In order to combat this, we envisioned to create a website that allows students to take back control of their finances, and by extension, their livelihood.

How it works

Our website accepts user input for a monthly budget, as well as spending figures in certain categories - such as food, school, etc. It then computes percentages of the total budget that are spent on these categories, then displays it nicely with our designed UI.

How we built it

We initially referenced existing skeleton code when building the html framework of our website, then we sourced specific page elements from already-existing databases, like a login/signup portion, charts, and progress bars.

The languages that our website contains are:

• html for front end framework
• css for UI and style elements
• python for back-end

Challenges we ran into

We had trouble integrating our website's front end with storing user-input data in the back end, and simultaneously updating the size of the progress pars on the website. We opted for a simpler pie-chart design to streamline the user experience.

Accomplishments that we're proud of

For relatively new html coders, we managed to create a website with back end server functionality, that receives input from the user and updates our website in real time.

What we learned

We learned how to better design and implement certain html functions, as well as setting up a local host to display our website and any changes we made to it in real time.

What's next for Collegiate Financial Planner

We plan to expand our planner from a website to a phone application, and add integration with already existing banking applications.

Built With

• css
• html5
• python