🎶 Groove Space - Music Player 🎶

---

Welcome to Groove Space, a dynamic and visually appealing music player built with HTML, CSS, and JavaScript. This project is designed to offer a smooth and immersive music experience, featuring basic audio controls along with track details, artist information, and a stylish user interface.

🌟 Features

• Play/Pause: Toggle between playing and pausing the current track.
• Next/Previous: Skip to the next or previous track in the playlist.
• Volume Control: Adjust the volume using a sleek slider.
• Track Information: Displays the current track’s name and artist.
• Progress Bar: Seek through the track using a progress slider.
• Responsive Design: Adapts beautifully to different screen sizes.
• Cool Color Palette: A randomly generated background color each time a new track plays.

📸 Screenshots

🚀 Demo

You can try out the Groove Space music player here: Live Demo

🛠️ Technologies Used

• HTML5: For structuring the web page.
• CSS3: For styling and layout, with a fresh and modern color palette.
• JavaScript: To handle the functionality of the player (play/pause, track switching, volume control).

🎵 How to Use

1. Clone the repository:

   git clone https://github.com/Nimraiqbal_n/groove-space.git

2. Open the project:

   • Navigate to the index.html file and open it in your web browser.

3. Add Your Own Music:

   • To add your own tracks, modify the track_list array in script.js with your own track details (name, artist, image, and path).

📁 File Structure

.
├── index.html        # Main HTML file
├── styles.css        # Custom CSS file
├── script.js         # JavaScript file for the player functionality

## 🧑‍💻 Contributions
Contributions are welcome! Feel free to submit a pull request or open an issue to discuss improvements or bug fixes.

## 📜 License
This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.

---