Back
Year
2025
Tech & Technique
Next.js 15, TypeScript 5, Tailwind CSS 4, React, YouTube IFrame API, Google Analytics (GA4), Vercel
Description
Yaadein (Hindi: यादें — memories) is a free, no-signup nostalgic Hindi music player available at yaadein.me. It brings back the golden era of Hindi film music — 90s Bollywood, 2000s memories, and golden classics, wrapped in a vibrant truck-art aesthetic.
Purane Hindi Gaane, Phir Se — Open the site, hit play, and travel back to the golden era with no account, no subscription, and no ads.
Purane Hindi Gaane, Phir Se — Open the site, hit play, and travel back to the golden era with no account, no subscription, and no ads.
Key Features:
- 🎵 240+ Curated Songs — 90s Bollywood, 2000s hits, Kishore Kumar, Mohammed Rafi, Lata Mangeshkar, Atif Aslam, Jagjit Singh, and global English tracks
- 📀 10 Themed Playlists — Evergreen Hits · Kishore Kumar · 70s–80s Golden Era · 90s Nostalgia · 2000s Memories · Himesh Reshammiya · Atif Aslam · Emraan Hashmi Era · Salman Khan Hits · English Global
- 🎨 Cinematic Room Themes — 16:9 vintage room art tailored for each playlist with dynamic wallpaper cycling on track change
- 🎛️ Hi-Fi Equalizer & Dock — Live 4-bar soundwave visualizer, gold progress scrubber, and diamond-glass playlist rail
- 🚛 Truck-Art & Retro Soul — Rotating Hindi bumper slogans, vintage tactile brass horn easter egg, and radiant Devanagari "यादें" wordmark
- ⚡ Instant Load & Static Export — Fully static, pre-rendered pages via Next.js App Router for zero latency
- 📱 Seamlessly Responsive — Tailored UI across mobile, tablet, and desktop
- 🔒 100% Free & Private — No login, no signup, no tracking barriers
Technical Highlights:
- Built with Next.js 15 (App Router, static export) and TypeScript 5 for peak performance
- Styled using Tailwind CSS 4 with custom glassmorphism effects and tailored typography (Baloo 2 & Yatra One)
- Seamless audio playback via YouTube IFrame API integration with custom playback controls
- Dynamic background rotation system syncing vintage room artwork with track changes
- Production-grade SEO: JSON-LD schemas (WebSite, WebApplication, Person, MusicPlaylist, ItemList, BreadcrumbList)
- Bilingual metadata with
hreflang(en-IN, hi-IN, x-default), robots.txt, and auto-generated sitemap - Telemetry & insights via Vercel Analytics and Google Analytics (GA4)
My Role
Creator, Full Stack Developer & UI/UX Designer
- 🎯 Conceived, designed, and developed the entire product from concept to production
- 🎨 Designed the signature truck-art aesthetic, retro room art themes, and Devanagari typography
- 🛠️ Built the custom player engine, Hi-Fi soundwave visualizer, and dynamic playlist switcher with Next.js 15 & Tailwind CSS 4
- 📋 Curated and structured the 240+ song library across 10 themed playlists with automated YouTube thumbnail derivation
- 🔍 Engineered comprehensive SEO architecture including multi-schema JSON-LD structured data and bilingual hreflang support
- 🚀 Deployed and maintained on Vercel with static optimization and analytics
