Expense Tracker
A personal finance app designed to make managing money approachable, and even enjoyable.
- Role
- Product designer and front-end engineer
- Built with
- TypeScript, React, Tailwind CSS, IndexedDB, WebLLM, D3.js
- Does
- Simplifies
Overview
Expense Tracker rethinks personal bookkeeping around a clear, calm interface that is pleasant to come back to every day.
There are no alarm-bell alerts or crowded dashboards. Spending is presented plainly, the way a well-made notebook would.
Transactions are categorised on the device itself, so your financial records never leave your computer.
The problem
Most finance apps fall into one of two traps: cold accounting software built for accountants, or gamified apps that need a cloud login and monetise your data.
People give up on budgeting because entering every expense by hand is tiring.
Expense Tracker sets out to make looking after money feel calm and rewarding, a short daily habit rather than a chore.
How it works
- 01
A readable layout
A strict type hierarchy, tabular numbers and generous spacing make the ledger easy to scan and easy to think about.
- 02
On-device categorisation
A small model running in the browser sorts receipts and CSV rows into categories in milliseconds, without contacting a server.
- 03
Quick entry
Keyboard-first entry, drag-and-drop receipts and simple spending charts built with D3.
What it does
A calm ledger
Built around the natural rhythm of your cash flow rather than warnings and limits.
Private by default
No trackers and no uploads. Everything is stored locally in IndexedDB.
Receipt and CSV import
Drop in bank exports or scanned receipts and they are categorised instantly.
Printable summaries
Quarterly spending summaries you can export as a clean PDF.