Product Design · Personal App · Web

An Expense Tracker That Reads What You Type

Spend tracker on a phone: the line with Your usuals and the week, and the month with History
My Role
Product Owner & Designer
Team
Claude Code & Me
Timeline
7 Days
Scope
v1 → v2 Rebuild
Try the demoMade-up data. Nothing you do is saved.

Context

One form, a Google Sheet, and a week of spending to catch up on

The first version, from March 2026, was a form: pick a category, pick a date, type the amount, done. Every entry was also copied to a Google Sheet, because the app couldn’t do much on its own.

The form was fine for one expense. I rarely log just one. I catch up on a few days or a whole week in one sitting, and every entry meant the same six taps again.

For version 2 I wanted all my money in one place (spending, income, savings, money I’ve lent, subscriptions) so I stop keeping separate sheets. And logging an expense had to get quicker, not slower, or I’d stop doing it.

Everything in one place. Nothing required.

Building with Claude Code

Docs first, then design, then code

Laps took under 48 hours. This time I wanted to build it the way a real product gets built, and it was my first time doing that.

Before any code there was a product doc, a design system and a decision log: every choice, why I made it, and what I didn’t pick. It holds 40 decisions now, including the ones I changed my mind on.

Claude Code wrote the code. I made the calls, used every build on my phone, and sent screenshots of what was wrong. Every change ran on a separate test database with a copy of my data first, so my real entries stayed untouched until launch day.

Designing the Add

Four rounds to get one line right

Logging is the one thing I do every day, so most of the design time went here. There was no Figma. Every round was built in code, so I could try it on my own phone instead of looking at a picture of it.

One board from each design round: the old form, the form that opens on its own, Bubbles, and Say it

From the old form to one line, in four rounds.

Round 3 looked fine but didn’t work in the hand. A big amount made its bubble grow and move, so next time I had to hunt for it. Month’s calendar changed height from month to month, and its input sat at the bottom, right under the phone keyboard. Say it was the one I liked: it guessed the category for me.

Take 2 moved the line near the top, so everything I need while typing stays above the keyboard.

Say It

“40 chai yesterday” is ₹40, Snacks, yesterday

One line, typed the way I’d say it. It reads the amount (1.2k works too), the category from each category’s words, and the day: yesterday, sat or 17th. Whatever’s left becomes the note.

Three phone screens: a typed line read as amount, category and day; a new word asking where it goes; Your usuals

Type a line, teach a new word once, or tap a usual.

An empty app would have to learn every word from scratch. So my 10 categories started with 83 words taken from my old notes, like “chai” for Snacks and “auto” for Travel.

305 of 380
of my old notes read right on day one, up from 64 with no words
2 taps
to log a usual, with no keyboard

Catching Up

I log a week at once, so every day had to be one tap away

Round 4 picked the day from a strip that scrolled sideways. On my phone I didn’t know it scrolled, and it stopped at the 1st of the month. For someone who logs a week or two back in one sitting, that was the wrong control.

Now a date bar sits at the top with that week’s seven days under it, each showing what it cost. The arrows move a week at a time, and a month calendar covers anything older. The day stays where I set it until I’m done with the whole list.

Two phone screens: the week of days under the date bar, and the month calendar

A week at a glance, and a calendar for anything older.

On the Laptop

Same app, side by side

On a wider screen the line stays put on the left, with the month and History on the right. Enter logs, Esc clears, and ↑ brings back the last entry to fix it.

Spend tracker on a laptop: the line and the week on the left, the month and History on the right

Launch

Moving 467 real entries without losing one

Version 2 changed how every entry is stored, so launch day had to be boring.

For Visitors

A demo with made-up data, not mine

Signed out, the app opens on a landing page with a line you can type into. Log from it, or tap Try the demo, and you get the real app with made-up data. A bar on top says nothing is saved. My own phone and laptop stay signed in and open straight on Home.

The landing page: Type what you spent. It works out the rest. A line to try, and Try the demo

Next case study

Taabi Procure

Auctions worth crores were running on someone else’s platform

Read case study →