Inspiration
Inspired by the Back to 2016 theme and games like Stardew Valley, we wanted to make financial planning more engaging and accessible. We noticed that most budgeting apps focus on part spending and many people find these apps hard to use, so we created MoneyTree to help users actually visualize their financial futures through simulations while building better money habits.
What it does
MoneyTree is a gamified financial planning app that helps users track income, expenses, and savings goals. Its financial simulator lets users compare purchases and see how their decisions affect future goals. Users can also earn points for consistently following their financial plans, which they can use to grow and customize a virtual garden. Sprout, our AI-powered voice assistant, makes financial planning even more interactive.
How we built it
We built a responsive web application with a financial dashboard, goal trackers, and an interactive garden. We integrated ElevenLabs Agents from Sprout’s voice capabilities. We used Figma, JavaScript, HTML/CSS, React 18 to make our vision come alive, with some support from Codex.
Challenges we ran into
Our biggest challenges were connecting all the features into one cohesive experience, developing understandable financial projections, and creating an engaging interface within the 24-hour limit of the hackathon.
Accomplishments that we're proud of
We’re proud of how we were able to combine practical financial planning with a fun game, especially through our scenario and customizable garden. We also created an experience that rewards consistency rather than income, making financial planning more approachable.
What we learned
We learned how to use different technologies, collaborate under tight deadlines, and balance technical functionality with a user-friendly design. Most importantly, we learned how the gamification of practical tasks can make intimidating topics like personal finance more engaging.
What's next for MoneyTree
We hope to integrate real-time banking connections to allow for functionality of the income tracker feature of our app, and also plan on expanding Sprout’s capabilities to make the app more personalized and accessible to those with auditory and visual impairments.
Built With
- css
- elevenlabs
- figma
- html
- javascript
- react