🎵 Music Mizz

Music Mizz is a web-based music player built with HTML, CSS, and JavaScript.
It features multiple playlists, a responsive UI, and essential player controls like play/pause, next, previous, seek, and volume control.

🚀 Features

• 🎶 Multiple Playlists (Hardcoded for now — can be extended easily).
• 🎧 Play/Pause, Next, Previous song controls.
• ⏱ Seekbar with progress indicator.
• 🔊 Volume slider with mute/unmute toggle.
• 📱 Responsive design (works on desktop, tablet, and mobile).
• 🎨 Clean, modern UI with hover effects and animations.
• 📂 Sidebar menu with library & footer links.

📂 Project Structure

Music-Mizz/ │ ├── index.html # Main HTML file ├── style.css # Core styles ├── utility.css # Utility styles ├── script.js # JavaScript functionality ├── img/ # Icons, logos, and images │ ├── logo.png │ ├── play.svg │ ├── mute.svg │ ├── ... │ └── songs/ # Music folders (playlists) ├── ncs/ │ ├── HangoverSong.mp3 │ ├── MurderAye.mp3 │ └── cover.jpg ├── cs/ │ ├── COMPUTER.mp3 │ ├── Topboy.mp3 │ └── cover.jpeg └── ...

---

🖥️ How to Run

1. Clone the repository:

   git clone https://github.com/Haseeb-code1/music-mizz.git
   
   

2. Open the project folder:

   bash cd music-mizz

3. Run index.html in your browser.

📸 Screenshots

##live demo https://musicmizz.netlify.app/

🔮 Future Improvements

• 🔗 Connect with a backend or database.
• 📡 Add API support for fetching songs dynamically.
• ❤️ Add "Favorite Songs" feature.
• 🎨 More themes / color customization.

🛠️ Built With

• HTML5
• CSS3
• Vanilla JavaScript

👨‍💻 Author

Your Name 🔗 [GitHub]:https://github.com/Haseeb-code1 [LinkedIn]:https://www.linkedin.com/in/haseeb-tariq-7b802824a/