Jerome Chua

Personal Finance Tracker

Deployed App
Front End Repo
Back End Repo

A personal expense tracking app with analytics to monitor trends in transactions added by user

App Features

  1.   Log what user has spent on
  2.   User is able to observe which categories their spendings fall into eg. Food & Drinks
  3.   Add a note as to why they’ve spent on that time if they’d like
  4.   Analytics for spendings across all-time and any period of the user’s choice
  5.   Filter for day, week or month to inspect trends more closely

Technologies Used

  • Frontend: React, Material-UI, JSS, HTML/CSS
  • Backend: PostgreSQL, Express, Sequelize
  • Version Control: Git
  • Other Libraries: react-chartjs-2, csv-parse, moment, clsx, axios

Challenges

  • Balancing trade-offs between interesting features vs. MVP and base user flow
  • Creating of custom hook at the start was later refactored to have code to be within the components itself to minimise re-rendering
  • Organising structure of the code, and setting the time to plan ahead to create more resuable-friendly parent components

What I'd Do Differently

  • Focus on getting MVP fully done first before moving on to add more features
  • Spend more time in planning components that could have been reusable
  • Prioritising a budget planning feature out for a more robust app
  • Refactor more often with every new branch merge

Test Details

  • Email: jerome123@gmail.com
  • Password: pw123