🎵 Personal Music Player

🌐 Live Demo

---

📖 Description

Personal Music Player is a sleek and modern web-based music player application built entirely using HTML, CSS, and JavaScript. It allows users to enjoy their favorite tracks with a clean UI, intuitive controls, and smooth animations.

Perfect for showcasing front-end development skills or providing a minimal music experience in the browser.

---

✨ Features

• ▶️ Play / Pause / Next / Previous Controls
• 🔁 Repeat / Shuffle Functionality
• 🎶 Track Information Display (Title, Artist, Cover Art)
• 📊 Progress Bar with interactive seek functionality
• 📱 Responsive Design for all devices
• 🎨 Smooth Animations and modern user interface

---

🛠️ Technologies Used

• HTML5 – Page structure and semantics
• CSS3 – Styling, transitions, responsive layout
• JavaScript (Vanilla) – Music control, event handling, and interactivity
• Vercel – Deployment and hosting

---

🚀 Getting Started

1. Clone the Repository

git clone https://github.com/Nir-Bhay/personal-music-player.git
cd personal-music-player

2. Run Locally

You can open index.html directly in your browser, or serve locally using:

npx serve .
# OR
python3 -m http.server

Open your browser at http://localhost:8000

---

📂 Project Structure

personal-music-player/
├── index.html
├── style.css
├── script.js
└── assets/
    ├── music/
    └── images/

---

🤝 Contribution

Contributions and suggestions are welcome! Feel free to fork the repository and submit a pull request for improvements, bug fixes, or new features.

---

📄 License

This project is licensed under the MIT License.

---

🔖 Tags

#HTML #CSS #JavaScript #MusicPlayer #WebApp #Frontend #Vercel #ResponsiveDesign #AudioPlayer

---