Rebuilding a Simpler, Local-First Video Aggregator

Wed, 10 Jun 2026 00:00:00 +1000

I rebuilt my YouTube content aggregator and filter (video.vamonossoftware.com ) as a streamlined, local-first Progressive Web App (PWA). By stripping out over-engineered features like local LLM tagging and shifting to a client-side IndexedDB model, the new version establishes a fast, responsive, and maintainable foundation.

The Architecture

The application operates entirely client-side, eliminating remote database dependencies and hosting costs.

graph TD A[Remote Source URL / GitHub] -->|Import & Sync| B[Sources Config] C[YouTube API Key] -.->|Direct API Query| D[YouTube Feed Data] E[Cloudflare Worker RSS Proxy] -.->|Fallback Fetch| D B --> D D --> F[Filter Rules: Include / Exclude] F --> G[Topics Feed: Motorsport, Tennis, etc.] G --> H[(Browser IndexedDB)]

1. Local-First Storage

All feed data, subscription lists, topics, and filtering rules are stored directly in the browser using IndexedDB. This keeps interactions instantaneous and respects user privacy.

Building CatchUp: A React + Supabase PWA Crafted with Claude Code and Claude Design

Mon, 01 Jun 2026 00:00:00 +1000

AI-assisted engineering has transitioned from chat-based prompts to multi-agent coordinate workflows. By pairing specialized tools—Claude Code for terminal-driven implementation and Claude Design for interactive visual prototyping—with OpenSpec to maintain a structured development loop, developers can build fully-featured production apps in days.

This article walks through how I built CatchUp—a React + Supabase Progressive Web App (PWA) designed to let friends coordinate events, vote on dates/locations, and lock in bookings without group chat chaos.

Pwa on Pauls Blog

Rebuilding a Simpler, Local-First Video Aggregator

The Architecture

1. Local-First Storage

Building CatchUp: A React + Supabase PWA Crafted with Claude Code and Claude Design