Spotify Custom Radio

Custom playlist generator for self-made "radio station" through Spotify API. The app allows user to create playlists through adding artists' entire discography, top tracks or specific albums. It's currently hosted at https://tquang1708.github.io/spotify-custom-radio/#/ (Spotify API in developer mode, so only email addresses added through the dashboard can utilize it. Some screenshots of the thing in action can be found here)

This project was bootstrapped with Create React App.

Local Build

I) Create options.js

Create a new file src/options.js with these default parameters:

export const options = {
    "client_id": "",
    "redirect_uri": "http://localhost:3000/callback",
    "playlist_description": "Your custom radio station, created from <insert url here>",
    "enable_rate_limit": true,
    "entry_count_limit": 50,
    "album_count_limit": 200,
}

II) Set up Spotify Developer app and callback

Go to the Spotify Developer dashboard at https://developer.spotify.com/dashboard/, then Log In with your Spotify account.
On the Dashboard, click "Create An App", then name/describe it however you prefer. Remember to agree with Spotify's ToS.
On the app's overview screen, copy the app's Client ID, then put it in the client_id field in the src/options.js file.
Still on the app's overview screen, click "Edit Settings", then in the "Redirect URIs" field, type http://localhost:3000/callback, click "Add", then "Save".

III) Launch the app

Run npm install to install all dependencies, then npm start in the root directory, or yarn, depending on the day of the week (in other words I am not sure of the differences myself). Aside from React and React Router, this app doesn't have any other dependencies.
The app should now be available for usage at http://localhost:3000
There are settings you could change in the src/options.js file.
- client_id: This is your app's client ID, as set in earlier steps.
- redirect_uri: The URI Spotify redirects to after authorizing the user. I am currently using the /callback route to handle callback.
- playlist_description: The default description given to playlists created through this app.
- enable_rate_limit: Enables whether the app will reject requests to create playlists that are too large.
- entry_count_limit: If rate limiting is enabled, prevents the user from creating playlists with more than 50 separate artist counts.
- album_count_limit: If rate limiting is enabled, prevents the user from creating playlists with more than 200 albums in total,

Notes and Disclaimer