RadioTime

• 

  This is the main radio page

📻 RadioTime – Retro Mood-based AI Radio 💡 Inspiration We wanted to blend the nostalgia of vintage radios with the power of modern AI. With RadioTime, we created a fun, interactive experience where your mood tunes the station — just like the good old days, but smarter.

🛠 What It Does RadioTime is a virtual retro radio that:

🎛️ Lets users control volume and frequency using animated roller knobs

🧠 Asks the user’s mood via a popup

🎤 Uses GPT-4 to generate a retro-style DJ greeting

📡 Animates the FM dial based on station frequency

🎶 Plays mood-based background audio streams

🌈 Changes visuals dynamically with mood for immersive vibes

It’s like having a personal AI-powered DJ in an old-school radio!

⚙️ How We Built It Frontend: React + TypeScript

Styling: Tailwind CSS

Bundler: Vite

Animations: Custom SVGs and React-based motion

AI: OpenAI GPT API

Design: Figma (roller knobs, retro interface, popup)

🧠 Challenges We Ran Into Getting roller animations to feel smooth and tactile

Integrating GPT responses in a way that felt like a real DJ voiceover

Mapping mood states to matching audio stations and visual themes

✅ Accomplishments We're Proud Of Seamlessly combining aesthetic design with AI interaction

Fully functional mood detection & radio simulation

Smooth UX transitions between moods and stations

🚀 What’s Next Add voice input to detect emotion

Integrate Spotify/YouTube APIs for dynamic playlists

Turn it into a mobile app with haptic roller feedback

Add retro-themed AI DJ avatars for visuals

💻 Try It Yourself Visit: https://your-deployment-url.com (Replace with Vercel/Netlify URL if deployed)

👨‍💻 Team Gaurav Kumar Verma – Backend, AI Integration Eishit Balyan - UI/UX Design Krishna Dwivedi - Frontend

Built With

• figma
• node.js
• react
• tailwind
• typescipt
• vite