Skip to content

Chaithra-S-Nayak/Spotify-UI-Clone

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

9 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Spotify-UI-Clone

This project was developed as part of the Edunet Foundation Internship. The website is built using HTML, CSS, and JavaScript technologies. It is a responsive and user-friendly web application that allows users to play music.

Tech-Stack

HTML5 CSS3 JavaScript

Features

  • Playlist Display: Lists available playlists with titles, descriptions, and cover images.
  • Song List Display: Shows the list of songs in the selected playlist in the library section.
  • Play/Pause: Allows the user to start or pause the playback of the currently selected track.
  • Next/Previous: Enables the user to skip to the next or previous track in the playlist.
  • Seek: Allows the user to manually move forward or backward within a track.
  • Time Display: Shows the current playback time and total duration of the track in MM:SS format.
  • Volume Control: Adjust the volume of the playback using a slider.
  • Mute/Unmute: Toggle the audio output between mute and unmute.

Setup

To set up the project locally, follow these steps:

  1. Clone the repository: git clone https://github.com/Chaithra-S-Nayak/Spotify-UI-Clone.git
  2. Navigate to the project directory: cd Spotify-UI-Clone

Usage

To run the project locally, follow these steps:

  1. Open the project folder in Visual Studio Code.
  2. Make sure you have the Live Server extension installed. If not, install it from the VS Code extensions marketplace.
  3. Right-click on the index.html file and select "Open with Live Server" or click the "Go Live" button at the bottom of the VS Code window.
  4. The website will load in your default web browser, and you can start exploring its features.

Live Demo

Spotify-UI-Clone

Screenshot

Spotify Clone Screenshot

Contributing

Contributions to this project are welcome. If you find any issues or have suggestions for improvements, feel free to submit a pull request.