Home

Mealtime TV

Live Angular, Supabase, Stripe, Cloudflare
Community-curated YouTube video platform with seamless, continuous television-style experience
Mealtime TV was born from the observation that YouTube's algorithm optimizes for engagement, not for a relaxing viewing experience. When you're eating dinner or unwinding, you don't want to think about what to watch next—you just want a continuous stream of quality content. The challenge was creating a television-like experience while maintaining the vast content library that makes YouTube valuable. The solution was community curation: trusted curators select videos that fit specific moods or themes, and the platform creates seamless playlists that flow naturally from one video to the next. Technically, this required solving several interesting problems. The Angular frontend needed to handle continuous video playback without interruption, manage dynamic playlist updates, and provide smooth transitions between videos. The Supabase backend handles user authentication, curator management, video metadata, and real-time playlist updates. The payment integration with Stripe was particularly interesting—I wanted to create a sustainable model for content curators. The platform takes a small percentage of subscription fees and distributes the rest to curators based on viewership of their selected content. The deployment architecture on Cloudflare provides global edge distribution for smooth video streaming regardless of user location. The CI/CD pipeline automatically deploys updates and runs integration tests against the YouTube API. What I learned: Building a media platform requires thinking about user experience as much as technical architecture. The most elegant backend is worthless if users can't easily find content they want to watch.

Key learnings