- ·Expense management — add, edit, delete expenses with amount, category, date, description, and optional note
- ·Receipt scanner — take a photo or upload an image of a bill; OCR (powered by Tesseract.js) extracts the total amount automatically
- ·Wallet / payment source — assign expenses to named wallets (Cash, Bank, GoPay, etc.) and track spending per source
- ·Dynamic categories — create, edit, and delete custom expense categories with emoji and color; 8 default categories are pre-seeded and protected from deletion
- ·Monthly budget — set a monthly budget and see real-time progress with a visual bar
- ·Filters — search by keyword, filter by category, and jump to any month
- ·Dashboard summary — total spent, remaining budget, top categories, and transaction count
- ·Parallax hero — animated header on the dashboard that reacts to scroll
- ·Dark / light theme — persisted across sessions
- ·Indonesian / English locale — full UI translation including Yup validation messages; defaults to the browser language
- ·IDR default currency — Indonesian Rupiah formatting out of the box (configurable)
- ·LocalStorage-first — works offline; pluggable service layer allows switching to a REST API with one env flag
Tech Stack
ReactTypescriptRedux ToolkitRadix UISPAPWA