Create a Spotify playlist from a tracklist on BBC Sounds.
-
Create a Spotify developer account.
-
Create a
.envfile in the root directory with the following variables:
| Variable | Description |
|---|---|
PORT |
Port to run the server on |
STATE |
See the Spotify docs for the authorisation code flow. You supply a value for state, which is included in your user authorisation request to the Spotify API. The value is returned back to you and you can compare it as a security check against cross-site request forgery. |
CLIENT_ID |
See the Spotify docs for the authorisation code flow. This identifies you Spotify developer application. |
CLIENT_SECRET |
See the Spotify docs for the authorisation code flow. This is the key you use to authorise your requests to the Spotify API. |
- Create a
.envfile in the/clientdirectory with a variable namedREACT_APP_SERVER_PORT. The React app is set up to proxy requests to relative URLs it doesn't recognise to the server side. This tells the proxy which port your server is running on.
-
Randomise state for Spotify authorisation -
Implement refreshing of access token -
Add indicator to show when user has connected to Spotify successfully -
Show user's name when connected -
Add proper link to Spotfy playlist (including playlist image) -
Handle playlist already existing properly -
Improve UI - Add info section explaining app purpose