WEB + MOBILE
Tabitha Personal Finance Dashboard
A personal finance dashboard that automatically tracks and categorizes BCA bank transactions, shipped as both a web app and an Android app.
ROLE
Full-Stack Developer
TYPE
Personal Project
YEAR
2025
The problem
Starting from my own need to track spending, I wanted to replace the tedium of manual expense logging with something that pulls clean, categorized insights straight from my bank notification emails.
What I built
A Tailwind front end on a Supabase backend (PostgreSQL with row-level security, plus edge functions). A Gmail IMAP edge function parses BCA transaction emails, deduplicates them, and imports them with rule-based auto-categorization. I then packaged the web app for Android using Capacitor.
Impact & what I learned
Manual expense logging became an automated flow that turns raw bank notification emails into categorized, visualized financial insights. Along the way I picked up serverless edge functions, secure data design with row-level security, email parsing, and packaging a web app into a native mobile app.
Tech stack
Tailwind CSS
Capacitor
Supabase
PostgreSQL
Edge Functions
Gmail IMAP