All work

Phone-first PWA

Japan Trip Planner

A shared, offline-ready trip app that replaced a spreadsheet for three weeks across Japan.

Countdown, day plans with transit route cards, and a shared budget. Recorded from the demo build with a fictional trip.
Client
Personal project
Type
Phone-first PWA
Year
2026
Status
Internal
01

The brief

Where it started.

Three weeks, five regions, two travellers — and a spreadsheet that didn't work on a train. We wanted one shared place for the itinerary, stays, transit, costs and checklists that still works without signal.

02

What we built

So we shipped 5 pieces.

  1. 01Trip homeCountdown, weather and a 'before you fly' gaps list
  2. 02Day plansRegion and day screens with activities, checklists and transit journeys
  3. 03Shared editingRealtime sync between two accounts with bottom-sheet editors
  4. 04Works offlineA local cache and a write outbox; installable as an app
  5. 05MoneyBudget and expenses, split between travellers
03

Under the hood

The part worth a closer look.

The clever part

Japanese fonts are self-hosted and subset to about 205 KB instead of 10–20 MB — and a separate demo build swaps in a fictional trip so real plans never ship in a promo.

04

Stack

And what it all runs on.

  • React 19
  • Vite
  • Supabase Realtime
  • PWA
  • Playwright

Need something like this?

Tell Echo what you’re trying to build — rough is fine. You’ll leave with a clearer sense of what it would take.

Start the chat