We wanted to motivate students like us to save money and give them a fun and new way to visualise their spending.

What it does

The user logs-in, sets its weekly spending budgets per category and connects it's monzo account. The web app will reflect the user's spending by upgrading the buildings representing the various categories of spending. Saving money will upgrade the buildings through a complex algorithm. The more money is saved the better the mini village will look.

How we built it

The back end is made on node.js. The front end is made on three.js (and node.js).

Challenges we ran into

Monzo API's don't have the most exhaustive documentation. POST/GET requests are tricky to debug. Getting OBJ to import properly. doesn't work, ever.

Accomplishments that we're proud of

It works.

What we learned

Node.js and requests Dynamically represent objects in WebGL

What's next for

Host it Get the domain Handle login in a more secure way Make buildings level fancier Make mobile apps.

Share this project: