A responsive web-based music player inspired by Spotify, built using HTML, CSS, and JavaScript. The application organizes songs into multiple categories and provides a clean interface for browsing and playing music.
🌐 Live Demo: https://manishkumarbingi.github.io/spotify/
- 🎧 Play songs from multiple categories
- 📂 Browse songs organized by genre
- ⏯️ Play, pause, next, and previous controls
- 🎵 Playlist-style interface
- 📱 Responsive design for desktop and mobile
- ⚡ Fast loading using static assets
The application includes songs from multiple categories:
- 🎹 Classical
- 🙏 Devotional
- 🎯 Focus
- 🎤 Hindi
- 🎼 NCS (NoCopyrightSounds)
- 💙 Sad
- 🎶 Tamil
- 🎵 Telugu
- 💪 Workout
- HTML5
- CSS3
- JavaScript (ES6)
- GitHub Pages (Deployment)
spotify/
│
├── songs/
│ ├── classical/
│ ├── devotional/
│ ├── focus/
│ ├── hindi/
│ ├── ncs/
│ ├── sad/
│ ├── tamil/
│ ├── telugu/
│ └── workout/
│
├── css/
├── js/
├── images/
├── index.html
└── README.md
Clone the repository
git clone https://github.com/Manishkumarbingi/spotify.gitNavigate to the project
cd spotifyOpen index.html in your browser
or
Run using VS Code Live Server.
https://manishkumarbingi.github.io/spotify/
This project helped me improve my understanding of:
- DOM Manipulation
- JavaScript Audio API
- Event Handling
- Dynamic UI Updates
- Responsive Web Design
- File Organization
- GitHub Pages Deployment