This project allows users to create a music room and invite listeners to join in and listen to music together.
It was made together with the help of ReactJS and Django using Material UI templates. Host has the power to select which song to play, how many members to allow inside a room and will need to authenticate their Spotify account with the application to continue. Listeners will have the liberty to join a room through a given valid room code and can together vote\not vote to skip, play/pause the particular playing song.
Screenshots:
We can also see the progress bar of the currently playing song. The host will have the pause to independently control the play/pause and skipping of songs (The user needs to have a Spotify Premium account to perform these functions):
In this project directory, head inside the music_controller directory:
cd music_controller
and run:
python .\manage.py runserver
This starts our web server.
Open http://localhost:8000 to view it in the browser.
In order to view the server in development mode, open a new terminal and move into the frontend directory and run:
cd music_controller
cd frontent
npm run dev
You will also see lint errors (if any) inside the console of the browser.
You can learn more about how to develop your own server using similar tools by following Django, ReactJS and Material UI documentation.