Spotify Playlist Web Sharing

Anna Griffin(agriffin@olin.edu), Sherrie Shen(xshen@olin.edu)

To run this project, first run

cd server/
npm install && npm start

then in a new terminal window, run

cd client/
npm install && npm start

Once the client page finishes loading, log in with your spotify credentials.

(If the client page doesn't open up automatically, you can go to http://localhost:3000/)

Tech Stack

• Spotify Web Playback SDK
• Spotify Web API
• React Bootstrap
• React Beautiful DnD
• React Spotify Web Playback
• Spotify Web API Node
• Socket.io

Reflection

Our initial plan for the Spotify Playlist Web Sharing Project was to use Socket to create a shared Spotify music session where only one person would need to log in. We encountered many difficulties with trying to get Spotify authentication system to work with the socket. Everytime we open another instance of the page, the user would have to log in again. It was also hard to debug which function call is on the stack when the authentication and initiating sockets are all done asynchronously. If there were more time, we would need to investigate more of the different workflow of Spotify authentication to have it work with sockets. But nonetheless we learned a lot about working with Spotify Web API, the convoluted Spotify Authentication process and how to potentially to integrate socket with it :)

Socket.io Attempted Integration

Found in sherrie-socket branch