Skip to content

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

89 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🎵 Spotify Music Player

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/


🚀 Features

  • 🎧 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

🎼 Music Categories

The application includes songs from multiple categories:

  • 🎹 Classical
  • 🙏 Devotional
  • 🎯 Focus
  • 🎤 Hindi
  • 🎼 NCS (NoCopyrightSounds)
  • 💙 Sad
  • 🎶 Tamil
  • 🎵 Telugu
  • 💪 Workout

🛠️ Tech Stack

  • HTML5
  • CSS3
  • JavaScript (ES6)
  • GitHub Pages (Deployment)

📂 Project Structure

spotify/
│
├── songs/
│   ├── classical/
│   ├── devotional/
│   ├── focus/
│   ├── hindi/
│   ├── ncs/
│   ├── sad/
│   ├── tamil/
│   ├── telugu/
│   └── workout/
│
├── css/
├── js/
├── images/
├── index.html
└── README.md

⚙️ Installation

Clone the repository

git clone https://github.com/Manishkumarbingi/spotify.git

Navigate to the project

cd spotify

Open index.html in your browser

or

Run using VS Code Live Server.


🌐 Live Demo

https://manishkumarbingi.github.io/spotify/


📚 What I Learned

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

About

This a clone of spotify website which is completely responsive.

Resources

Stars

Watchers

Forks

Releases

Packages

Contributors

Languages