Spotify Web Client using React and Spotify Web API
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 tracks, albums, artists and playlists.
Try it out
https://spotify-react-web-client.onrender.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
$ yarn install
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:
$ yarn start
and visit http://localhost:3000.
Use Docker!
docker-compose up -d