"The Cosmic DJ. An immersive audio experience powered by the void."

DJ Sarasvatī is a Next.js web application designed with a high-end "Synthwave / Retro-Futuristic" aesthetic. It features a reactive 3D deep space background, neon accents, and a glassmorphism-based player interface that streams curated tracks via YouTube.

• Immersive 3D Background: A "Warp Speed" starfield and reactive geometric visualizers built with Three.js and @react-three/fiber. (Optimized for performance).
• Audio Integration: Powered by react-youtube, seamlessly integrated into a custom UI.
  • Auto-Play: Music starts automatically upon entering the experience.
  • Intro Skipping: Intelligently skips intros for verified tracks (e.g., Depeche Mode).
  • Continuous Playback: Auto-advances to the next track in the playlist.
• Cinema Mode: A dedicated "Expand" toggle to view music videos in full-screen overlay mode while maintaining audio continuity.
• Neon Aesthetics: Custom Tailwind CSS configuration for glowing fuchsia and cyan accents against a deep void black.
• Glassmorphism UI: High-performance backdrop blur and transparency effects for a premium "HUD" feel.
• Dynamic Time Tracking: Real-time progress and duration display.

• Framework: Next.js 14 (App Router)
• Styling: Tailwind CSS v3
• 3D Graphics:
  • @react-three/fiber: React renderer for Three.js.
  • @react-three/drei: Useful helpers for R3F.
  • Note: Post-processing (Bloom/Noise) is currently disabled for maximum stability.
• Audio/Video: react-youtube wrapper for iframe API.
• Icons: Lucide React
• Deployment: Vercel

1. Clone the repository:

   git clone https://github.com/angpa/dj-sarasvati.git
   cd dj-sarasvati

2. Install dependencies:

   npm install
   # Note: Use --legacy-peer-deps if you encounter version conflicts with R3F
   npm install --legacy-peer-deps

3. Run the development server:

   npm run dev

4. Open http://localhost:3000 with your browser to enter the void.

Key style configurations can be found in tailwind.config.ts:

• Colors: cosmic-black, neon-fuchsia, electric-cyan.
• Fonts: Outfit (Heading) and JetBrains Mono (Tech details).