Spotify Clone

Welcome to the Spotify Clone project! This is a simple web-based music player application inspired by Spotify, built using HTML, CSS, and JavaScript.

Demo

Visit

Vercel Deployement Link.

or

GitHub pages deployement link

Features

• Play/pause music
• Display Songs In Home Page
• Track seek functionality
• Responsive design for different screen sizes

Technologies Used

• HTML: Markup language for structuring the web pages.
• CSS: Styling language for the presentation of the web pages.
• JavaScript: Programming language for adding interactivity to the web pages.

Instructions to add/remove songs

• To add a new song, head over to index.html, navigate for class "playlists" inside "rightbox" class.
• This div contains all the songs by "playlist-card-containor" classes.
• To add a new song at any position, copy any "playlist-card-containor" and paste it at desired position.
• Now add a cover image in ./img/cover and audio file at ./songs
• Remeber to SAVE THE AUDIO FILE AS JUST THE NAME OF SONG AS IN CARD CONTAINOR OF THAT SONG, for eg: artist - song1.mp3 is the audio file, rename it as song1.
• Its because the Js code takes the song title from card of clicked song, adds the name in ./songs/${song-name}.mp3 form and searches for song in ./songs.
• To remove a song, just remove its "playlist-card-containor".

Contact

• Email: ak0118@srmist.edu.in
• GitHub: Adarsh-Kumar001
• LinkedIn : LinkedIn link