Inspiration

We wanted to create an app that made financial planning more accessible to all by creating an easy-to-use platform that helps individuals of all ages learn how to budget and save for their goals.

What it does

Our app allows you to add goals such as products or services that you want to save up for, tracks your earning and spending to calculate the funds you have available, lets you choose how much of your funds to allocate to each goal, and tracks your progress toward achieving these goals.

How we built it

We started by laying out our plan for our user interface using Figma. We then used Visual Studio's Live Share extension to code simultaneously in HTML, CSS, JS, and Bootstrap to make the main UI. To build the back-end, we used Express.js and Pug, with MongoDB as the database.

Challenges we ran into

Two of the members of our team were novice programmers, which definitely made for a steep learning curve and a few missed commas here and there during the process, but overall it was a fun and rewarding learning experience!

Accomplishments that we're proud of

We have many things that we're proud of, and we'll list some of our favourites here: -Learning from one another and benefiting from each other's ideas to create a successful finished product -Creating completely unique graphics like our Firefly logo -Successfully implementing database technology to record and track users' budgeting -Working buttons!

What we learned

We learned how to use a variety of programming languages to create a webapp. We also learned how to use collaborative technology such as Visual Studio Live Share to successfully integrate and implement our ideas in a seamless manner

What's next for Firefly Budgeting

We're always looking to learn and grow from our experiences. It would be great to expand our brand in the future to include more accessible financial tools, such as a tax calculator or investing advice program!

Share this project:

Updates