Podcast Fan Transcription Site

Simple static podcast fan website built from RSS feed data.

2025

3 months

Concept

View Source

View the Site

Banner

Example of data-driven episode page

A static website built from a podcast RSS feed. Provides episode transcriptions with automatic sync playback, as well as embedded linked video player and full text search. Hosted on a Raspberry Pi 3B+

Technologies Used

framework

Next.jsReactTailwind CSSMUIPhaser 3

language

TypeScript

tool

Framer Motion

platform

Node.js

Challenges

Full-stack development across modern frameworks: Next.js 15, React 19, Tailwind 4, MUI 7, and Framer Motion. A Phaser 3 game adds interactive gameplay. Web Worker-based full-text search handles large transcript datasets without blocking the main thread. RSS feed parsing, podcast transcription processing, and audio synchronization synced to remote media.

Key Learnings

Next.js 15 app router patterns, React 19 concurrent features, Tailwind 4 migration, MUI 7 theming, Framer Motion animations, Phaser 3 game development, Web Worker architecture for background search computation, podcast RSS data ingestion, and media synchronization to remote audio.