Fast Tracks

This project was bootstrapped with Create React App.
It uses the Spotify Web API.

Deploy

Spotify Client ID Setup

Use your Spotify account on the Spotify developer site to create an app and get a Client ID. This app assumes that two apps have been created: one for testing purposes and one for production. You need to set up your redirect URIs on the Spotify dashboard.

Redirect URIs for Local Development

http://localhost:3000/api/callback
http://localhost:8888/.netlify/functions/callback

Local Development

Create a file called .env to store environment variables. Follow the format in .env.sample to set up your client ID and client secret.
Never share your Client ID in public such as in a git repository.

Initialize

Install the dependencies

yarn

Running with Node Express Server

Set REACT_APP_NETLIFY=false in your .env file.

yarn devstart

You can view the app by navigating to http://localhost:3000/ in your browser. The node server will be running on http://localhost:4001/ and requests to http://localhost:3000/api/ are proxied to the server.

Running with Netlify Functions

Be sure to set REACT_APP_NETLIFY=true in your .env file. You will need to have the Netlify CLI installed. If it is not set up, you can do so:

npm install netlify-cli -g
ntl login

Start the app

ntl dev

You can view the app by navigating to http://localhost:8888/ in your browser.