francoborrelli / spotify-react-web-client

A spotify web client using React, React Redux, Spotify Web API and Spotify Playback SDK.

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

spotify-react-web-client's Issues

Can not run project

I added REACT_APP_CLIENT_ID to .env file
But when I run the project, I see the error
Help me to fix this error
Thanks

Creating and adding to playlists

Excellent project Franco!

Is there any way to extend this to include creating and adding to playlists?

Thomas