Skip to content

Latest commit

 

History

History
139 lines (90 loc) · 2.92 KB

File metadata and controls

139 lines (90 loc) · 2.92 KB

🎶 BeatVibe – Modern Music Player with Playlists & Mood Themes

** BeatVibe ** is a futuristic AI-powered web music player that blends rhythm, emotion, and design into one immersive experience. Listen to music, switch mood themes, create playlists, and enjoy glowing neo[...]


🚀 Live Demo

🔗 BeatVibe – Open Live Player: https://v0-beat-vibe-music-player.vercel.app/


✨ What is BeatVibe?

-BeatVibe is a modern browser-based music player that uses AI mood recommendations, neon visuals, and responsive UI to create a unique listening journey.

-You can create personal playlists, organize songs by mood, and experience music with animation-rich visuals.


🌈 Features

--🎵 1. Music Controls Play / Pause / Next / Previous Volume control Seek bar for track progress

--💫 2. Mood-Based Themes Switch between dynamic themes: Happy Chill Focus Energetic Each mood updates: Background colors Glow intensity Button animations

--🌌 3. Neon-Themed Animated UI Futuristic glowing buttons Soft transitions Glass & neon blend UI

--🪄 4. AI-Based Song Recommendations Suggests songs based on mood Generates auto-playlists

--📻 5. Playlist Management Create playlists Add/remove songs Shuffle mode

--📱 6. Fully Responsive Perfectly optimized for: Desktop Tablet Mobile


🛠️ Tech Stack

Frontend Backend Hosting
HTML, CSS, JavaScript Python (Flask / Streamlit) Vercel

📸 Project Screenshots

🏠 Beat-vibe-Home Page

⚙ beat-vibe-music Page

🎨beat-vibe-playlist Page

⚙ beat-vibe-playlist-creation Page

⚙ beat-vibe-settings Page


  • ✨ BeatVibe is not just a music player — it’s an experience. Every glow, ripple, and mood theme is designed to make the interface react to your emotions. -💡 Each mood theme is inspired by real emotional states:

-Happy → warm neon

-Chill → soft gradients

-Focus → minimal dark

-Energetic → vibrant glow

The AI recommendation engine works like a mini DJ that adjusts music based on mood.


🔮 This project blends:

-Emotion-based UI

-Modern frontend design

-AI-driven playlist logic

-Smooth responsiveness

-🎧 BeatVibe = Music + Mood + Magic.


-📧 Email : sandhiyamrs2006@gmail.com

-🐙 GitHub Profile : https://github.com/Sandhiyamrs

-📂 BeatVibe Repository : https://github.com/Sandhiyamrs/BeatVibe_Modern_Music_Player

-🔗 Live Demo : https://v0-beat-vibe-music-player.vercel.app/