This is a personalized Spotify clone website built using HTML, CSS, and JavaScript. It includes some of your favorite music and features like shuffle, repeat, play, and autoplay. The website uses MP3 files as the source of music, and it can be easily customized and edited according to your preferences.
Shuffle: The website allows you to shuffle your playlist, providing a random order of songs to enhance your listening experience.
You can enable the repeat feature to loop the current song, allowing you to listen to it continuously.
You can play any song from the playlist by clicking on the respective song or using the play button.
When the autoplay feature is enabled, the next song in the playlist will automatically start playing after the current song ends.
To use the Spotify clone website, follow these steps:
Download or clone the repository to your local machine.
Open the project folder and navigate to the index.html file.
Double-click on the index.html file to open it in your web browser.
To add your favorite music to the website, follow these steps:
Open the project folder and navigate to the js directory.
Locate the playlist.js file and open it using a text editor.
Inside the playlist.js file, you will find an array called songs. Each item in the array represents a song.
To add a new song, create a new object inside the songs array using the following format:
'''javascript { songName: "Aisay Kaisay", filePath: "aud/Aisay Kaisay.mp3", coverPath: "img/covers/1.png" }'''
Save the playlist.js file after adding your favorite songs.
Refresh the website in your web browser, and your new songs should be available in the playlist.
You can customize the website's appearance and behavior by modifying the HTML, CSS, and JavaScript files.
HTML: The structure of the website can be modified by editing the HTML file (index.html). You can add new elements, change the layout, or update the content.
CSS: The website's style and design can be customized by modifying the CSS file (styles.css). You can change colors, fonts, dimensions, and apply your own styles to match your preferences.
JavaScript: The website's functionality can be customized by editing the JavaScript file (script.js). You can add new features, modify existing behavior, or enhance the user experience based on your requirements.
.PNG)
.PNG)
If you encounter any issues or have suggestions for improvement, please feel free to contact me. I appreciate your feedback and will do my best to assist you.
Thank you for using the Spotify clone website! Enjoy your favorite music with all the personalized features.