Juan8 Karaoke

🎤 Project Brief: Juan8 Karaoke

Juan8 Karaoke is a full-featured web-based karaoke platform developed by JB Sagales, inspired by his father — a retired lineman who deeply loves to sing karaoke. This passion project was built to honor that joy, bringing the karaoke experience online so anyone can sing anytime, anywhere.

🧱 How It Was Built

The app was developed using Next.js 14 (App Router) and React for a fast, scalable, and modern frontend. Tailwind CSS powers the fully responsive design, ensuring an enjoyable experience on both desktop and mobile devices. Real-time interaction is handled by a Socket.IO, allowing multiple users to join sessions, queue songs, and sing together effortlessly.

A Session-Based QR Authentication System enables mobile devices to act as remote controllers — users simply scan a QR code to connect, without any login required. The backend, powered by Next.js API Routes and a Railway-hosted Socket.IO server, integrates with the YouTube Data API v3 and YouTube IFrame Player API for song search and playback.

Security was a top priority — the app includes rate limiting, input sanitization, and security headers, achieving an enterprise-grade protection setup. Deployment was done through Vercel, ensuring fast global performance, SEO optimization, and seamless updates.

⚙️ Core Highlights

• Real-time karaoke queue and playback synchronization

• QR-based mobile remote control (up to 5 devices per session)

• YouTube-powered karaoke search and auto-play

• Fully responsive UI with Tailwind CSS

• Privacy-focused and secure architecture

• Built with love and inspired by JB's dad — a lifelong karaoke enthusiast 🎶