Budget Tracker

How it's built

I noticed that many automatic budget trackers struggled with ambiguous charges or purchases on bill-splitting sites like Venmo. They also felt overly complicated when I simply wanted to see where my money was going in real time. I built my own app where I can type or say, in plain English, what I just spent, and it automatically categorizes purchases and splits bills for me.

What it looks like

Screenshots of the app with sample data.

Home

$2,340spent this month

Dining$412

Groceries$380

Shopping$265

Transportation$140

Budget

$1,583/mo savings goal

Dining$412 / $500

Groceries$380 / $450

Shopping$265 / $250

Transportation$140 / $200

Analyze

27%of income spent so far

6-mo avg spend$2,180/mo

This month vs. avg+$160

On pace for savings goalYes

System Architecture

Everything runs on the device — no server, no account, no backend yet.

Type it

A text box on the Add screen

Say it

Tap the mic, talk, it transcribes

Web Speech API

↓

Parser

Pulls out dollar amounts, guesses a category from keywords, and does the split math

JavaScript

↓

Quick edit

I get to fix the amount or category before it saves, since the parser won't always guess right

↓

On-device storage

Entries, budgets, and income all live in the browser

localStorage

↓

Home

This month's spend, by category

Budget

Category limits + income/savings, also typed in plain English

Analyze

Budget vs. actual, 6-month trend, spend against real income

What it actually does with your sentence

A few real inputs, run through the parser as it exists right now.

"split $84 dinner with Sarah and Mike"

Dinner · Dining · $28.00

"Target run: $30 groceries, $45 home goods"

2 entries · $30 Groceries, $45 Shopping

"I make $95k a year, want to save 20%"

$7,917/mo income · $1,583/mo savings goal

Software Used

HTML / CSS / JavaScript Web Speech API localStorage Service Worker (PWA) GitHub Pages