README.md

Spotify Clone

About the project:

This was my first project on React. I have used the Deezer API ,which is one of the best free API's out there to build a music player. The API even offers various features to like a song, create a playlist and access your favourites. I have used some of the basic hooks of React in this project like the useState and useEffect hooks.

Installation and Setup:

1.Clone the project

git clone https://github.com/deucaleon18/spotify_clone

2.Install all the npm packages

npm install

3.Add the .env file with all the variables mentioned in the stats.js file in the project

4.Start the project

npm start

Display:

Here are a few glimpses of my project, I have drawn design inspiration from the original Spotify player to create this application, hence the name of the project.

MAIN SCREEN

HOME PAGE

SEARCH PAGE

PLAYER

LIBRARY

LIKED SONGS

PLAYLISTS

ACCESS PLAYLISTS

CREATE NEW PLAYLISTS

Features:

Without Login:

1.Searching for a song and Playing it (although it plays only for 30 seconds)

With Login:

1.Searching for a song and Playing it (although it plays only for 30 seconds)
2.Liking a song and accessing it later from your list of liked songs. 3.Adding a song to your created playlists and accessing them later. 4.Removing songs from your playlists and maintaining them as per requirements.

Building and Accessing:

You yourself can build this project using the Deezer API for developers, but as this is currently not supported in India throughout the project even while accessing the API site or logging in to the project a VPN must be turned on.

For our project purposes we have used a free VPN connection Proton VPN ,ans set the region as USA which will give you the access to any Deezer service.

The site is currently deployed here, to login and view all the features I request you to turn on the VPN connection.

---