Custom web app · Personal finance

LanceSpend: a budgeting web app for freelancers and families.

LanceSpend is our own full-stack budgeting web app. It tracks spending against a monthly budget, catches subscriptions before they renew, lets a family share one budget and reads receipts from a photo. We designed it, wrote the front end and the API, and run it on Vercel with PostgreSQL on Supabase.

Try the live demo
Client
Our own product
Location
Web, iPhone and Android
Industry
Personal finance
Platform
React, Node, PostgreSQL, Vercel
Services
Product design, full-stack build, hosting
116
API endpoints behind the app
25+
App screens, from budgets to receipts
164
Commits in the first 7 weeks
3
Platforms: web, iPhone and Android
The brief

The job, in three parts.

01

The challenge

  • Budget apps that hide the basics behind a paywall
  • Freelancers with uneven income and many small subscriptions
  • Families who want one shared budget, not three separate apps
02

What we did

  • Designed a dark, card-based interface in React, Vite and Tailwind
  • Wrote a Node and Express API on Vercel Functions, with PostgreSQL on Supabase
  • Added receipt reading with OCR and Claude, reminders, push notifications and email through Resend
03

The outcome

  • A working app anyone can try in one click, with no account
  • Installable on phones as a PWA, with Capacitor builds for iOS and Android
  • Error tracking with Sentry and rate limiting with Upstash from the start
What we built

Inside the budgeting web app.

Real screenshots from the live site. Every feature here is one you can try at lancespend.vercel.app.

LanceSpend dashboard with budget progress, forecast and spending by category
01

A dashboard that answers one question

The dashboard shows how much of this cycle's budget is spent, what is left, the average per day and a forecast for the next cycle. Below it, Where it went breaks spending into categories with each one's share of the total.

LanceSpend expenses page with a donut chart and category cards
02

Expenses you can actually read

A donut chart shows the month at a glance, each category shows its change against the month before, and one search box finds any expense by note, category, tag or amount. A switch flips between the family's spending and just your own.

LanceSpend recurring page listing subscriptions with next due dates
03

Subscriptions before they renew

Recurring bills and subscriptions sit in one list with their monthly cost and next due date. LanceSpend adds them on the day, and reminders warn you a few days before.

LanceSpend calendar with daily spending and upcoming bills
04

A calendar of money

The calendar shows what was spent each day and which bills are coming up, so a heavy week stands out before it arrives.

LanceSpend new expense form with the Scan receipt button
05

Receipts that read themselves

Snap a receipt and LanceSpend reads the total, the shop, the payment method, the category and the date, using OCR with Claude for the hard ones. You can also speak an expense and the form fills itself in.

LanceSpend reminders settings with bill alerts, email digest and push notifications
06

Reminders on your terms

Each reminder can be switched on or off: bill alerts a set number of days before, a Monday email digest, a monthly report and push notifications on the phone.

Also built

  • Shared family budgets with owner and member roles
  • CSV import and CSV or PDF export
  • Categories and tags you can edit
  • Activity log for the whole group
  • Email sign-up with verification and password reset
  • One-click demo that resets every 30 minutes
On phones

Built for the phone in your hand.

LanceSpend was built phone first: it installs to the home screen, and every screen fits one hand with the Add Expense button always in reach.

LanceSpend dashboard on a phone
The budget at a glance, sized for one hand
LanceSpend expenses page on a phone
Spending by category, one tap away

The LanceSpend stack

Visit the live site
  • React
  • Vite
  • Tailwind CSS
  • Node.js
  • PostgreSQL
  • Supabase
  • Vercel
  • Claude AI
Alipio Gabriel, founder and lead developer Kenneth N., WordPress developer Irish E., senior SEO manager

“The person you talk to is the person who builds your site.”

Alipio Gabriel, founder and lead developer · with Kenneth N. and Irish E.’s SEO team

Top Rated Plus16 years on WordPress
Top Rated Plus · 100% Job Success

Want a site like this?

Tell us about your store or site in a two-minute brief. We reply within one business day with questions or a fixed quote.

Hire on Upwork

5.0 on Upwork · 69 jobs delivered · 10,000+ hours logged