Inspired by Turntable.fm, a realtime web music application that allowas users to share and listen to song with other users
We implemented OAuth and Passport.js and users can log into DJ Party with the simple click of a button to connect their Spotify account.
Once a user logs into DJ Party, they are taken to the home page where they can view all available party rooms. A user can join one of the existing rooms by clicking on the room card or create their own, unique, room by clicking the “Start a Party!” button at the top and filling in the required information.
When a user creates a room, a new playlist with the same name will be added to their Spotify library that will be synced to the newly created room.
From the search bar, you can search any song in Spotify database and add it to your currently connected playlist. This will update a view in sync with the playlist. (Unfortunately, this feature is currently available only for a user who created a room.)
The main feature of the room is our Spotify Connect Web SDK Player that is used to stream music. This eliminates the need to use third-party streaming apps to ensure everyone has high quality sound and connectivity. The player is set to autoplay the playlist upon entering, but youl can always pause, skip, or go back. Song data populates in real-time on the player as we skip through the playlist.
Our chatroom allow users to send and receive quick messages so users can share their opinions on music and share friendly banter with other listeners.
- PoestgreSQL
- Sequelize
- OAuth and Passport.js
- Apollo, GraphQL, and Express
- React, Styled-component