🎵 Music Player

A responsive and interactive Music Player built using HTML, CSS, and JavaScript as part of the CodeAlpha Frontend Development Internship.

---

📌 Features

• 🎵 Play / Pause Music
• ⏮ Previous Song
• ⏭ Next Song
• 📃 Playlist
• 🎼 Song Title & Artist
• 💿 Album Cover
• 📊 Progress Bar
• ⏱ Current Time & Duration
• 🔊 Volume Control
• 🔀 Shuffle Songs
• 🔁 Repeat Mode
• ❤️ Favorite Button
• 🎧 Keyboard Shortcuts
• 📱 Fully Responsive Design
• ✨ Glassmorphism UI
• 🎨 Modern Gradient Theme

---

🛠 Technologies Used

• HTML5
• CSS3
• JavaScript (ES6)

---

📂 Project Structure

Music Player
│
├── index.html
├── style.css
├── script.js
├── README.md
│
├── images
│   ├── cover1.jpg
│   ├── cover2.jpg
│   └── cover3.jpg
│
└── songs
    ├── song1.mp3
    ├── song2.mp3
    └── song3.mp3

---

🚀 How to Run

1. Download or Clone the repository.
2. Open the project in VS Code.
3. Install the Live Server extension.
4. Right-click index.html.
5. Click Open with Live Server.

---

📸 Preview

(Add screenshot here after uploading.)

---

🎥 Demo Video

(Add your project demo video here after uploading.)

---

👩‍💻 Developed By

Tooba Gul

BS Computer Science Student

Frontend Developer | Graphic Designer

GitHub: https://github.com/toobagul-01

LinkedIn: https://linkedin.com/in/tooba-gul-gd

---

⭐ If you like this project, don't forget to give it a star.