a collaborative music playing app system using react, django and spotify api, where friends can join/make rooms for shared experience of music, enabled with skip/play/pause the songs and voting system for skipping the current song for guests, settings panel for host to change settings after the room created, others could join the room using unique room key
used react for frontend, rest_framework - Django, and Spotify API
go to Spotify Developers Dashboard and create a new app
within the django's spotify app create a credentials.py file and add these variables which you'll get from spotify app dashboard
SPOTIFY_CLIENTID = "here"
SPOTIFY_CLIENTSECRET = "here"
REDIRECT_URI = "here"after that authenticated spotify backend will send request to spotify api, added a images in repo to understand how spotify api works
go to frontend app and open terminal and paste these commands to setup
npm init -y
npm i webpack webpack-cli --save-dev
npm i @babel/core babel-loader @babel/preset-env @babel/preset-react --save-dev
npm i react react-dom --save-dev
npm install @material-ui/core
npm install @babel/plugin-proposal-class-properties
npm install react-router-dom
npm install @material-ui/iconsin music_controller app
python manage.py runserverin frontend app folder
npm run dev