varsanihemal / hvarsani_spotify

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Spotify Clone

Overview

This is a Spotify application that allows users to interact with Spotify's services. Since the application cannot be deployed as of now still working on it , you will need to clone the repository and run it on a live server locally.

Features

  • Various playlists to choose from
  • Extensive music library
  • Functional play, pause, next song, and previous song buttons
  • Volume control functionality
  • Displays song duration and updates accurately
  • Responsive design for multiple devices
  • Login and sign-up pages (currently under development)

Screenshots

Include some screenshots of your site here.

Screenshot 1 Overall Look of Site

Screenshot 2) Login and Sign Up still under construction

Prerequisites

  • JavaScript

Getting Started

Follow these steps to get the application running on your local machine.

1. Clone the repository

git clone https://github.com/varsanihemal/hvarsani_spotify.git
cd hvarsani_spotify

2. Installation of Live Server

Ensure Live Server is installed in the machine to be able to run the website through it.

3. Run the application on a live server

  1. Open the project in VSCode.
  2. Right-click on index.html (or your main HTML file) and select Open with Live Server.

6. Access the application

Your web browser should be up and running and website should work as intended.

Usage

Navigate through various playlists. Use the play, pause, next song, and previous song buttons to control music playback. Adjust the volume using the volume control. Observe the accurate song duration display, which updates in real-time as the song progresses. The site is responsive and works on multiple devices, ensuring a seamless experience across desktops, tablets, and smartphones. Login and sign-up pages are under development, stay tuned for updates.

Contributing

If you want others to contribute to your project, provide guidelines here. For example:

Fork the repository. Create a new branch (git checkout -b feature-branch). Make your changes. Commit your changes (git commit -m 'Add some feature'). Push to the branch (git push origin feature-branch). Open a Pull Request.

About

License:Other


Languages

Language:JavaScript 36.2%Language:CSS 34.5%Language:HTML 29.3%