Penny Pinchers

Inspiration

Looking at traditional banking apps e.g. Santander and HSBC vs online banking apps e.g. Revolut and Monzo.

We wanted to create a bespoke website that would allow a user to access features that a traditional banking app may lack in one place, to help people budget and save money in their own way.

What it does

It is a website that helps users manage their personal finances:

Users can track their spending and filter expenditures by date
Each transaction is tagged with a label e.g. groceries, bills etc.
Can create and delete pots for spending e.g. saving, groceries, holidays
Each user can deposit or withdraw money from the pots
When you hover over the calendar, it shows you the transactions for that day

How we built it

HTML, Javascript and CSS Database: used sqlite3 Flask (micro web framework) Bootstrap (HTML, CSS JS front-end framework)

Set up GitHub repository Set up sqlite3 database Installed Flask and set up a virtual environment Added Bootstrap for the web pages Ran the Flask application

Challenges we ran into

We have no knowledge of finance, therefore we had limited ideas when we were brainstorming at the start By the end of the challenge, we were all exhausted :(

Technical issues: VSCode and Github Some of us were not able to push our code (we overcame this by re-cloning the repo) Some of us struggled with setting up Flask (we were having trouble with the virtual environment, which was solved after reading the documentation in detail)

Accomplishments that we're proud of

We attended our first 24-hour hackathon We managed to create a minimum viable product (MVP) in 24 hours Our dragon mascot :) The features of the website Collapsible navbar from Bootstrap HTML Calendar from scratch Our interactive pots functionality

What we learned

How to create a minimum viable product in 24 hours How to use Flask to create a website How to use Bootstrap How to create a dynamic web page with Bootstrap

What's next for Penny Pinchers

A personalised saving plan based on user’s spending pattern Analyses the income and expenses of the user and calculates a suggested amount for the user to save each week/month (this can be adjusted by the user) Allow the user to compare the actual spending over the month to the goals set at the beginning of the month Let the user know how much money they spent at a particular company Allow the user to adjust how often they want to be notified See upcoming regular payments for subscriptions Dedicating a lot more time to increase functionality for the users’ ease of use

Built With

Submitted to

Hack South West 2024

Created by

I worked on the front-end, specifically the HTML layout of the monthly and weekly expenses pages, and the Bootstrap and CSS.

Sanchi C
I worked on the backend. Daphne and I set up the databases, and their functions. I also was in charge of displaying transactions, and took care of polishing some minor details in the front-end.

kbi201 Irahola
I worked on the html, css and javascript for the pots page and also on the slides for the presentation.

Kelly He
Mostly worked on the back-end, setting up the database with Kelly and providing functions to manipulate data. Tweaked the front-end for a more cohesive look.

Daphne
Worked on the front-end for the navigation bar and home page, and provided art. Used bootstrap to make a parent page that all other pages inherit from.

des ho