Like russian roulette but for your top 5 most listened to songs.
Create a session for your friends to join, or join your friends' session. When everyone has joined, start playing the music. The web app will take everyones top 5 most listened to songs, shuffle them, and start playing them on the hosts device.
For development:
-
Setup a Spotify Web App. Instructions can be found here in the Spotify API Docs.
-
Open two terminals, navigating into the
/vue/
and/server/
directories -
In both directories, run the command
npm install
-
In both directories, copy the
sample.env
files and fill in the environment variables. Details Below. -
In both directories, run the apps with the command
npm run dev
server
-
NODE_ENV: just keep this as 'development' unless this is getting hosted
-
SOCKET_PORT: default value is 3001. This port needs to match
VITE_SOCKET_PORT
is Vue's.env
file -
FRONT_END_URL: This URL is where your Vue app is hosted. You must include the port if it is on the localhost
vue
-
NODE_ENV= just keep this as 'development' unless this is getting hosted
-
VITE_SOCKET_PORT: This port needs to match
SOCKET_PORT
in the server's.env
file -
VITE_SPOTIFY_CLIENT_ID: This needs to be the 'Client Id' in your Spotify app dashboard settings