Case study N° 06 · Dashboards

Shared Home Dashboard

A private realtime PWA for two people, with push notifications, presence and a dozen live data feeds.

By Jaylan Ballou·Solo: design, build, deploy·Live since Aug 2026·1 min read

Private tool, no public link

Behind one home screen: ~14API routes; Movies, live scores, weather, calendar, savings goals, a journal and audiobooks.
Synced live: 2people; Presence, nudges, streaks and pings over Supabase Realtime.
One each, one shared: 3tabs; Installable, with a service worker for offline use.

Why there are no screenshots

A private app with personal data, so there is no public link or screenshots. The diagram shows how it fits together.

Fig. 1|How it fits together. Both phones share one realtime channel; push notifications go out from an Edge Function, and outside feeds are fetched by the app’s own API routes.

What it is

An installable web app with one personal tab each for two people plus a shared tab. Built in planned phases and documented with architecture notes.

Highlights

Realtime presence, nudges, streaks and pings over Supabase Realtime. Both screens update instantly.
Web push notifications with VAPID keys, sent from a Supabase Edge Function.
About 14 API routes bring in movies (TMDB), live scores (ESPN), weather, calendar, savings goals, a journal and audiobooks, plus a link to the Quick Plays API.
A service worker for offline use and install-to-home-screen.

Methods

Stack: Next.js 14, TypeScript, Tailwind, shadcn/ui, Framer Motion, Supabase Realtime, Supabase Edge Functions, Web Push, Cloudflare Pages.
Data: The diagram is redrawn from the shipped code. No real records are shown.
Status: Live since Aug 2026. 2 people, every day.