Deployed link: https://seed-playlists.netlify.app/
Generate your own daily mixes.
This is a site that lets you call on Spotify's API to generate playlists based on a set of parameters you give it, such as: genre, artist, tracks, or values such as instrumentalness, valence, or tempo.
Pretty much a huge form, that lets you create and save playlists to your Spotify account.
It is built with React, and styled using Material-UI. Requests are done using axios, and Spotify-auth is done completely client-side using the Client Credentials Authorisation Flow.
If you want to set up your own copy of this site, run npm i
after cloning, and create a .env
file in the root directory (or set it in your local environment) with your Spotify ClientID and a callback URI, with the names:
REACT_APP_SPOTIFY_CLIENT_ID2
, andREACT_APP_SPOTIFY_CALLBACK_URI
.
Your Spotify ClientID can be found by registering your app.
If interested, other Spotify-based sites that I've written are:
Otherwise,
Happy Coding, Stay Safe
and Enjoy the Music.