Skip to content

eight apps · shipped 2026

Work — eight AI apps Preston Tan-Kang designed, built and shipped

Eight apps, shipped.

All designed and built solo in 2026 with an AI-assisted workflow I designed, and a lessons log that keeps each one compounding into the next. Live instances hold my real data, so case studies stand in for links; demos happily given on request.

Week of Claude Maxing8 apps · 3.5 weeks · self-taught
  • 8apps designed, built and shipped
  • 3.5 wksstart to last deploy
  • 0prior production experience
how that actually happened

Every app here was designed, built and shipped in about three and a half weeks of self-teaching on a Claude Max plan, maxing out the weekly limit twice. Ideas I had carried for years, always thinking "if I could code, I could make this". When the tools caught up, I finally could. That is the part I still find a little unbelievable.

Jul 15PipJul 16SEO GraphJul 16TT CoachJul 19Keep ReceiptJul 19F-TryJul 20MandarinJul 24GymMateJul 25Pixel Office
Build order

The deck

hover or tap ↻ to flip · click to open

Pip interface mockup
Week of Claude Maxing

Pip

Case study · On hold

Pip

Calendar, tasks, habits, goals and notes scattered across apps, and admin that drains the energy real work needs.

  • Next.js
  • Supabase Postgres
  • Drizzle
  • Auth.js

Open the case study →

SEO Graph interface mockup
Week of Claude Maxing

SEO Graph

Case study · Live · real client work

SEO Graph

Agency-grade SEO tooling is expensive, and almost none of it treats AI search (AI Overviews, ChatGPT, Perplexity) as a first-class citizen.

  • Python
  • FastAPI
  • Supabase Postgres
  • Cytoscape.js

Open the case study →

GymMate interface mockup
Week of Claude Maxing

GymMate

Case study · Live · daily use

GymMate

Standing in the gym not knowing what to do next, while subscription trackers drown the basics in features.

  • React 19
  • Vite
  • TypeScript
  • Dexie / IndexedDB

Open the case study →

Table Tennis Coach interface mockup
Week of Claude Maxing

Table Tennis Coach

Build · Live

Table Tennis Coach

Two years of scattered post-session notes and no way to see patterns in my own matches.

  • React 19
  • Vite
  • Dexie
  • Claude

Open the case study →

Keep Receipt interface mockup
Week of Claude Maxing

Keep Receipt

Build · Live

Keep Receipt

Shoebox receipts and no idea where the money goes, especially across personal and business.

  • React 19
  • Dexie
  • Tesseract.js
  • Vision LLM

Open the case study →

Mandarin Tutor interface mockup
Week of Claude Maxing

Mandarin Tutor

Build · Built

Mandarin Tutor

Speaking practice and vocabulary memory live in different apps, so neither compounds.

  • React 19
  • Dexie
  • ts-fsrs
  • Claude

Open the case study →

Pixel Office interface mockup
Week of Claude Maxing

Pixel Office

Build · Live · MVP

Pixel Office

Remote teams lose the ambient presence of a shared room.

  • React
  • Playroom Kit
  • WebRTC
  • Web Audio

Open the case study →

F-Try interface mockup
Week of Claude Maxing

F-Try

Build · Prototype

F-Try

A full wardrobe and the daily feeling of nothing to wear.

  • Supabase
  • Claude vision
  • PWA

Open the case study →

Also automated

5 quiet systems

Beyond the apps, small automations that quietly remove admin from my week, built across Trigger.dev, n8n and native Google Workspace Flows.

Morning brief

daily · 7:45am

Pushes a digest to Discord and email: what I missed and what needs attending, suggestions for planning the day, plus tech news from TechCrunch and Melbourne news from ABC.

  • Discord
  • Email
  • TechCrunch
  • ABC

PATT schedule sync

daily · midnight

Pulls the class schedule from Wix, updates a master Google Calendar, and sends each coach a notification and calendar invite. The right data rerouted to the right people, with zero admin after a one-time setup.

  • Wix
  • Google Calendar

PATT finance cross-check

on demand

A dashboard I built for Peak Agility: drop in a CSV of the latest bank statement and it tags spending into financial categories, cross-checks income against the sessions we delivered, and preps the numbers for tax time.

  • Claude artifact
  • CSV import

Meeting prep and recaps

per meeting

Built natively in Google Workspace: an AI layer drafts a post-meeting summary and sends it to every attendee, and preps me before each call from the previous notes and meeting history. No manual writing before or after the meeting.

  • Google Workspace Flows
  • Google AI Studio
  • Gmail
  • Google Calendar

PATT marketing carousels

● building

A pipeline that turns a topic into an on-brand Instagram carousel for Peak Agility Table Tennis: Claude Code drafts the angle and slide copy, then it publishes through Blotato, orchestrated on n8n or Trigger.dev.

  • Claude Code
  • Blotato
  • n8n / Trigger.dev