PiggyBank Budgeting App

• 

  PiggyBank User Guide

Inspiration

As one of our members has gone through similar challenges with maintaining their finances efficiently, we came up with the idea of creating a simple and accessible web app that FGLI students can use to manage their finances better. The app's vision is to resolve the issue of the limited resources and the lack of financial education given to FGLI students.

What it does

A virtual piggy bank, a small application made to aid in everyday financial planning. Using our app, users can manage their finances easier and more efficiently with our simple UI. Budgeting has never been easier.

How we built it

Before the hackathon, we arranged the different roles each team member would carry out when building the software. We also agreed on making it a web application as it is what we have the most experience in. At the start of the hackathon, we decided to use FastAPI to smoothly integrate the back-end with the front-end as well as to gain some experience in the usage of a framework. Two of our team members worked on the project's front-end using HTML, CSS and Javascript, while the other two worked on the back-end using Python and SQLite.

Challenges we ran into

Even with the wonderful open-sourced tools provided for us, we struggled a lot with time management. Two days of work is a short time, and admittedly, we could not fulfil our full vision for PiggyBank. One of the components that took the most time was figuring out new tools/features like FastAPI and SQLite as we were inexperienced with them. Our planning was also lacking as we struggled to integrate the front-end with the back-end (especially using the database). Our initial plan may have also been too ambitious with talks to integrate calendar systems and data graphs.

Accomplishments that we're proud of

Despite the many challenges we faced as beginners to web development, we were proud of our ability to create a functional demo of a budgeting app within a time limit, especially while figuring out how to use a new framework. We are grateful for the opportunity to gain experience for our future endeavours with coding and technology as a whole.

What we learned

As this was our first time developing a software as a team, we gained experience on how one should work as a team to better prepare ourselves for future projects or hackathons. In addition, we began learning how to use and integrate databases and frameworks into our projects.

What's next for PiggyBank Budgeting App

Although we may not have much time to develop this project further as we focus on our studies, we believe there is potential for this app and plan to make it an open-source project for other developers to create a better version of the app in order to help FGLI students.

Team SOYA

• Syabbil (Frontend, Video Editor) - Philosophy creative writer and creative director.
• Owen (Backend, Support) - IGCSE Computer Science Student.
• Yan Yie (Frontend, Creator of User Guide) - An ambitious student with a passion for Computer Science and learning foreign languages.
• Ashlyn (Backend, Leader) - A sixth form student with an interest in backend software development.

Built With

• css
• fastapi
• html
• javascript
• python
• sqlite