Music Room

A shared room for everyone to play songs in and enjoy! Built using Django and React, and integrated with Spotify API.

Setup Instructions

Install Required Python Modules

1. django
2. djangorestframework

Add Credentials

Before starting the web server, make sure to make a .env file in the directory where your django settings file is located and write your Spotify Developer ClientID and SecretClientId in it.

WARNING: If you try to build this app, make sure you have Spotify Premium as no controls will work on the web without Premium.

Start Web Server

To start the web server you need to run the following sequence of commands.

Run the django web server in the main directory.

python manage.py runserver

To view the frontend, first install Node.js

Install Node Modules

First cd into the frontend folder.

cd frontend

Next install all dependencies.

npm i

Compile the Front-End

Run the production compile script in the frontend

npm run build

or for development:

npm run dev

To do

• Integrate frontend with backend
• Integrate app with Spotify API
• Add Controls using API
• Integrate with Spotify Web Playback SDK
• Add functionality to give names to users' device
• Add list of names of devices connected
• Give users permission to add songs to play