App
cacheGrow
Personal finance web app for tracking income and expenses. Clean modal-driven UI, category management, and period filtering - built with React, TypeScript, and Vite.
Tech Stack
React TypeScript Vite CSS Netlify
Overview
cacheGrow is a personal finance tracker built as a purposeful alternative to sprawling spreadsheets. It keeps cashflow management focused: log income and expenses, categorise them, and get a clear picture of where money is going - all in a fast, lightweight web app.
Challenges
The main challenge was designing an input-heavy UX that stays frictionless. Modal-based entry forms (with date, amount, category, and notes fields) needed to feel instant and never disruptive, while confirmation dialogs had to prevent accidental deletions without getting in the way.
What I built
- Income and expense entry via clean modal forms (date, amount, category, notes)
- Confirmation dialogs for destructive actions
- Category management with filterable summary views
- TypeScript-first data model ensuring strict consistency across all cashflow entries
- Vite-powered build for near-instant dev feedback and optimised production output
- Deployed as a static SPA