🎵 Musify – Web Music Player

Musify is a Spotify-inspired web-based music player built using HTML, CSS, and JavaScript.
It features a modern UI, song playlists, shuffle & repeat modes, recently played tracking, volume control, and a dark theme toggle 🎧✨

---

✨ Features

• 🎶 Play / Pause music
• ⏭️ Next & Previous controls
• 🔀 Shuffle mode
• 🔁 Repeat mode
• 🕒 Progress bar with current time & duration
• 🔊 Volume control + mute
• 🌓 Dark / Light theme toggle
• 📂 Multiple song sections (Popular, Recommended)
• 🕑 Recently Played songs list
• 💿 Dynamic now-playing bar

---

🛠️ Tech Stack

<p align="left"> <img src="https://skillicons.dev/icons?i=html,css,js" /> </p>

---

📁 Project Structure

Musify/
|
|-- index.html          // Main HTML structure
|-- style.css           // Styling & themes
|-- script.js           // Music player logic
|
|-- audio/              // Audio files (.mp3)
|-- image/              // Album covers & icons
|   |-- icon.png
|   |-- 1.jpg ... 30.jpg

---

🚀 How to Run Locally

1. Clone or download this repository

   git clone https://github.com/your-username/musify.git
   

2. Open index.html in a modern browser
3. Plug in your headphones and enjoy 🎧🔥

---

🧠 How It Works

• Uses the HTML Audio API for playback
• Tracks song progress with timeupdate
• Implements shuffle using Fisher–Yates algorithm
• Stores recently played songs dynamically
• Syncs play/pause icons across UI
• Handles volume, mute, and progress seek smoothly

---

🎨 UI Highlights

• Spotify-inspired layout
• Hover-based play buttons
• Glassy player bar
• Smooth transitions & animations
• Responsive scrolling sections

---

⭐ If you like this project, don’t forget to star the repo 💖
Built with passion, music, and late-night coding 🎵✨