vincentdigital / spotify-react-web-client

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

Spotify React Web Client

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 for tracks, albums, artists and playlists.

Try it out

https://spotify-react-web-client.herokuapp.com

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

How to Run locally

First you need a Spotify Client ID.

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

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/

Now run:

$ npm start

and visit http://localhost:3000.

Screenshots

More in images folder.