Lyrix

Modern music and podcast streaming platform powered by YouTube.

Live Demo ↗View Source

Overview

Problem

Existing streaming platforms either restrict users behind subscriptions, clutter the experience with ads, or mix music with irrelevant content. Users need a fast, free, and focused platform dedicated to audio discovery and playback.

Solution

Built Lyrix, an intelligent music and podcast platform that leverages YouTube's vast catalog while filtering out noise, providing a premium listening experience with smart discovery, playlist management, and synchronized lyrics.

Tech Stack

TypeScriptNextJSNodejsExpressjsTailwindYouTube Data APIVercel

Architecture

Lyrix architecture diagram
High-level architecture of Lyrix

Features

  • Instant guest mode with no login required
  • Music and podcast search powered by YouTube
  • Smart filtering engine to remove irrelevant content
  • Real-time audio playback with queue management
  • Playlist creation and synchronization
  • Time-synced lyrics support
  • Personalized recommendations and discovery
  • Responsive design optimized for mobile and desktop
  • Session persistence across reloads
  • Low-latency playback with intelligent caching

Technical Decisions

1

Next.js for SEO, performance optimization, and hybrid rendering

2

YouTube IFrame Player API for compliant and reliable playback

3

Node.js backend to centralize YouTube API access and quota management

4

MySQL with Prisma ORM for scalable data modeling

5

Redis and localStorage caching strategy to reduce API consumption

6

Centralized state management for playback, queue, and user sessions

7

Network-aware adaptive UI for low-bandwidth environments

Challenges

  • Filtering music and podcast content accurately from generic YouTube results
  • Managing YouTube API quotas while maintaining responsive search
  • Synchronizing lyrics with playback timestamps
  • Building uninterrupted playback and queue persistence across sessions
  • Handling network interruptions and graceful recovery mechanisms
  • Optimizing performance on both desktop and mobile devices

Outcomes

  • Premium music streaming experience without subscription barriers
  • Fast and distraction-free audio discovery platform
  • Scalable architecture designed for future AI-powered recommendations
  • Improved content relevance through intelligent filtering
  • Seamless playback experience with resilient caching and recovery systems

Gallery