Note: The top and bottom of the website are cut off in the video, please visit https://funancialist.jojobaest.repl.co/ to see the full site!

Inspiration

As high schoolers and college students who are new to managing money, we were inspired to create this website to help us with budgeting. We also wanted to help others and make the world a better place, so we decided to include a donation feature where users can exchange their points for donations to an organization of their choice.

What it does

Our website allows users to track their spending habits. They can input their budgeting goals and actual monthly spendings, which will automatically generate a report that gives feedback on the user’s money management and also provide useful visuals (charts) to represent their spendings. We have also implemented a point system in which users can donate to a charity of their choice to incentivize users to save their earnings.

How we built it

We built our site completely on repl.it. This allowed us all to work together in real time. We used HTML, CSS, and Javascript for the framework of our website. We also used Bootstrap and CanvasJS libraries for the stylistic components of Funancialist, such as the pie chart and login page. For our images, we used user friendly pictures from www.blush.design.

Challenges we ran into

We had trouble storing the user inputs in our budgeting page at first but we were able to resolve the issue after talking to a mentor. We also had trouble transferring the number of points on the budgeting page to the achievements page.

Accomplishments that we're proud of

We’re proud that we built a fully functioning website in the span of one day. We are also proud of the report feature on our website which generates a pie chart, showing the distribution of money spent across many categories.

What we learned

We learned how to work collaboratively across different time zones. While coding Funancialist, we gained a proficient understanding of Javascript functions and variables. We also learned how to design websites in a user-friendly way.

What's next for Funancialist

We hope to implement new features into Funancialist, such as connecting to a database to store user inputs. This way, users can track their habits over a long period of time.

+ 1 more
Share this project:

Updates