As we become adults, we need to be more responsible in managing our finances. As a user of financial trackers such as Quicken and Mint myself, I find their lack of customizability and analytical tools discouraging. Therefore, we set out to build a personal financial tracker that can better serve our needs.

What it does

Each user can log in with their own credentials, access and modify their transactions records (composed of date, amount, account, payee, category, and memo), filter through their records by date range and category, view a pie chart of their areas of spending, and check the current balance in their accounts. The web app is compatible for both laptops and tablets.

How we built it

We started designing the UI in Adobe XD. We then built the components of the page using Vue.js, HTML, and CSS. We also utilized Firebase as our database.

Challenges we ran into

Being able to reactively update the records based on the database and sort the data based on user inputs was a huge challenge. Visualizing the data using interactive charts was also very difficult to accomplish. And, above all, there were always millions of bugs that we had to fix :D

Accomplishments that we're proud of

The first web app that we have created! It has a really nice-looking UI and responsive interactions. It was our first time to utilize a database too!

What we learned

A lot... How to use Vue.js and Firebase etc.

What's next for ONE

Mobile version is coming out soon! Sub-categories are also under development.

Share this project: