We are students, and we know we don't know how to save well. There are expense tracking apps, but sometimes they're so polluted with a million different functionalities that we simply don't need or want to see.

What it does

Our goal was to build a simple, intuitive interface that allows students to track all their expenses quickly. While doing this, we want to emphasize that products should be accessible for everyone, hence the reason why we used Voiceflow to interact with our web application, allowing the voice to be an instrument to navigate the page.

How we built it

We used:

  • Ember as our web framework;
  • HTML, CSS, JavaScript, and Bootstrap for the design, layout, and logic of the app;
  • Freshbooks API so users can connect to their Freshbooks account;
  • Voiceflow to enable voice commands and improve accessibility;
  • Figma to do basic storyboarding and wire-framing;
  • UML to design the architecture beforehand.

Challenges we ran into

  • Styling Ember components while using Bootstrap; was constantly overridden by default styling.
  • We couldn't dynamically access Freshbook accounts. We were only able to access data from our own account that we set up for development purposes.

Accomplishments that we're proud of and what we learned

We learned:

  • a new web framework -- Ember!
  • testing the Freshbooks API with Postman.
  • layout and scaling with Bootstrap.
  • and team-player skills. We got along super well and stressed that learning was the objective of the project.

What's next for MoMoney

World domination for students and their money. MO MONEY, NO PROBLEMS!

Built With

Share this project: