Spotify React Web Client

Important

Spotify Playback requires users to authenticate with a valid Spotify Premium subscription.

⚡ Spotify Web Client using Spotify Web API and Spotify Playback SDK.

⚡ This project was bootstrapped with Create React App.

🎹 Features

🎵 Play full audio tracks.

🎵 Control playback (pause, volume, shuffle, etc).

🎵 Add or edit your playlists.

🎵 See your recently played tracks and your top artists.

🎵 Follow and unfollow playlists and artists.

🎵 Add or remove tracks from your library.

🎵 Change the device in which you are currently playing.

🎵 Search tracks, albums, artists and playlists.

🖥️ Screenshots

More in images folder.

👨‍💻 How to Run locally

1️⃣ First you need a Spotify Client ID.

$ git clone https://github.com/francoborrelli/spotify-react-web-client.git
$ cd spotify-react-web-client
$ yarn install

2️⃣ You will have to define a .env file and set the following variables:

REACT_APP_CLIENT_ID="YOUR_CLIENT_ID"
REACT_APP_REDIRECT_ID=http://localhost:3000/

3️⃣ Now run:

$ yarn install
$ yarn start

and visit http://localhost:3000.

🐳 Use Docker!

docker-compose up -d