Spotify virtual music rooms

A music collaboration web app that allows users in a virtual room to control music from a single spotify account. It can be used in e.g. parties , It is made using React for the frontend and Django for the backend

APP Screenshots

Instructions on how to setup

Install the Required Python Modules

pip install -r requirements.txt

Setup environment variables

Use the .env-sample files in the Spotify and music_control directories and create a .env file in the same directories.

Inorder to use Spotify API , create an app on Spotify in the developer dashboard , then fill in the SPOTIFY_CLIENT_KEY, SPOTIFY_CLIENT_ID , SPOTIFY_REDIRECT_URI from the app.

Start Web Server

First cd into the music_ontrol project directory

cd "music_ontrol"

Next run the django web server.

python manage.py runserver

Install Node.js

Install Node Modules

cd into the frontend folder.

cd frontend

Then install all dependicies.

npm install

Compile the Front-End

Run the production compile script

npm run build

or for development:

npm run dev

View Web app on a browser

Go to

http://127.0.0.1:8000/