Warning
A feature for Group Session is not available yet.
It is an utility application for Spotify function "Group Session" while using desktop client.
Also it is Implemented some functions to vizualize Audio Features. (Read more)
-
Register a Spotify App in your Spotify Developer Dashboard and add
http://localhost:8888/callback
as a Redirect URI in the app settings -
Create a
.env
file at the project based on.env.example
and add your uniqueCLIENT_ID
andCLIET_SECRET
from the Spotify dashboard -
Install the correct version of Node
nvm install
-
Install dependencies
npm install
-
Run the React app on http://localhost:3000 and the Node server on http://localhost:8888
npm start
-
Create a Heroku app
-
Add your Heroku app as a git remote
heroku git remote -a your-app-name
-
Add
https://your-app-name.herokuapp.com/callback
as a Redirect URI in your Spotify app's settings -
In your app's Settings tab in the Heroku dashboard, add config vars
Based on the values in your
.env
file, theCLIENT_ID
,CLIENT_SECRET
,REDIRECT_URI
, andFRONTEND_URI
key value pairs. Make sure to replace thelocalhost
URLs with your heroku app's URL. -
Push to Heroku
git push heroku master
npm install
launch to dev(activate server & client)
npm start
launch server
npm server
launch client
npm client
Deploy with Heroku and using Heroku CLI.
-
Login and Connect application (fist-time only)
heroku login heroku git:remote -a <HEROKU_APPLICATION_NAME>
-
commit and push
git commit -m "deploy" --allow-empty git push heroku master
-
finish to deploy
install a package for an authenication server
npm i <PACKAGE_NAME>
install a package for React client
cd client
npm i <PACKAGE_NAME>