Spotify Web Player Clone

A custom Spotify client built with the Spotify Web API and Playback SDK

Video Demo

Installation

Before following the instructions, you should be aware that a Spotify account is required to complete the setup, and a Premium subscription is required for the application to run as intended.

1. Navigate to the Spotify Developer Dashboard and create a new application
2. Insert http://localhost:5173/callback into the required Redirect URI box
3. Clone the repository

git clone git@github.com:nednella/spotify-server.git

4. Navigate to the cloned repository and install the dependencies

npm install

5. Obtain both the Client ID and Client Sercret from the app in your Spotify Developer Dashboard and add them to the .env file

# Development ports
CLIENT_PORT = 5173
SERVER_PORT = 5000

# Spotify credentials
CLIENT_ID = [INSERT_CLIENT_ID_HERE]
CLIENT_SECRET = [INSERT_CLIENT_SECRET_HERE]
REDIRECT_URI = 'http://localhost:5173/callback'

6. Run the application locally

npm run dev

Additional Requirements

• Spotify Premium account
• Follow the installation instructions for the client, found here.

Dependencies

• NodeJS
• ExpressJS
• Axios

This repository also uses a refactored version of the popular Spotify Web API Node package. More information on this can be found in the README located in src > spotify-request-wrapper.