Project Case Study
Hisab Diary
Built a live expense management product with categorization and analytics — fast capture and clear spending insights in one place.
Hisab Diary is an expense management product for tracking spending, organizing categories, reviewing financial patterns, and reporting through a clean, mobile-friendly interface.
- Role
- Role · Solo builder — product, frontend, backend, and deployment
- Timeline
- Timeline · 2024 · full-stack product build
- Status
- Live
- Build
- Solo
- Stack
- Next.js + Supabase
01 — Problem
What problem does it solve?
People need fast expense capture and meaningful spending insights in one product — without the friction of spreadsheets or bare-bones trackers.
02 — Origin
How the idea took shape
Growing up, 'hisab' (accounting) was how we tracked money informally — notebook entries and mental math. I wanted a digital version that respected that simplicity but added categorization, trends, and reporting so users could understand where their money goes.
03 — Role
My role
- Designed and built the full expense tracking experience — entry, categories, analytics, and auth.
- Implemented API integrations and optimized rendering for user-specific financial data.
- Owned responsive UI for fast mobile entry and desktop-friendly reporting views.
04 — Challenge
The challenge
- Balancing one-tap expense entry with accurate categorization and validation rules.
- Keeping analytics dashboards responsive while aggregating growing transaction history.
- Protecting user financial data with secure authentication and authorization patterns.
05 — Approach
The approach
- Used TanStack Query for server-state and React Hook Form for validated expense entry flows.
- Built on Next.js + Supabase with optimized rendering for list-heavy transaction screens.
- Prioritized mobile-first flows for daily capture, with analytics optimized for review sessions.
06 — Outcomes
Key outcomes
- Live expense management product with authentication, categorization, and reporting capabilities.
- Maintainable architecture ready for budgeting, recurring transactions, and deeper insights.
- Open-source repo demonstrating full product ownership beyond employer work.
07 — Differentiator
What makes this different
- Finance UX rooted in real 'hisab' habits — fast entry first, insights second.
- Not a CRUD demo: includes analytics views, auth, and production deployment.
- Showcases product thinking for data-heavy SaaS — validation, aggregation, and responsive dashboards.
08 — Gallery
Product screens
