Skip to content
Project for HackBeanpot 2017
JavaScript CSS HTML
Branch: master
Clone or download

Latest commit

Ben Campbell Ben Campbell
Ben Campbell and Ben Campbell remove build
Latest commit e8025b7 Mar 27, 2017


Type Name Latest commit message Commit time
Failed to load latest commit information.
public add screenshots and details to readme Mar 26, 2017
src fixed search results list Mar 26, 2017
tools init Mar 25, 2017
.gitattributes init Mar 25, 2017
.gitignore init Mar 25, 2017
.gitlab-ci.yml init Mar 25, 2017
LICENSE.txt init Mar 25, 2017 Added design award mention to readme. Mar 28, 2017
index.html adding index Mar 28, 2017
package.json add cookie stuff Mar 25, 2017
yarn.lock add cookie stuff Mar 25, 2017

Crowd DJ

Crowd DJ won Best UI/Design at Hackbeanpot 2017

Crowd DJ is a web app that allows people who are at a party or social gathering with a DJ (who uses Spotify) to request songs via their smartphones. The web app allows people to see the currently playing song, request songs, upvote songs, and rate songs so the DJ can see how the crowd is feeling and act accordingly. In other words, Crowd DJ is essentially a crowdsourced music queue.

Contributors: @john4 @BenC14 @bchiang7 @camden11 @Drewpom

Designs by Julie Tennett


  1. Node 6.5+
  2. Yarn


  1. Clone the repo git clone

  2. Install dependencies yarn install

  3. Build & Start the project yarn start

Tech Stack

  • ReactJS
  • Sass
  • Firebase
    • We use Firebase to keep track of all our "Rooms" it holds our currently playing songs the average ratings of the songs as well as the suggested songs from out party listeners.
  • Spotify API
    • Unfortunately Spotify's API does not support many useful feature like 'Get Song Queue' or 'Currently Playing'. In order to circumvent this problem we built Chrome Web Extension that scrapes the Spotify Web Player and uploads the relevant track data to our Firebase database. The Spotify API was primarily used for our live song search suggestions.


You can’t perform that action at this time.