Spotify Music Rooms Web App

CODE

A room can be created by clicking the create room button and choosing whether guests of the room can be allowed to play/pause and the number of votes required to skip a song . After creating a room the host can still change whether guests can play/pause and the votes required to skip by clicking the settings button

A host can share their room code to guests who can click the join room button and type/paste the room code to the shown box ,then click the Enter A Room button.

It is a great web app that implements serverside rendering of React code , the react frontend sends requests to the endpoints of the Django backend api.

The use of Spotify API enables accessing of playback information from spotify and also control of music playing.

Below are screenshots of the application

1. Creating A room

2. joining A room

3. Music Playing interface