Skip to content
Quiz Game for Learning Electronic Dance Music Styles
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Type Name Latest commit message Commit time
Failed to load latest commit information.

Quiz game for learning electronic dance music styles. How high can you score?

DANCEMUSIC WTF-300 is a web based quiz game created for us to learn what the different electronic dance music styles sound like. Hopefully it will help us get a better vocabulary next time we're trying to describe that great track we heard the other night.

🗄️Dataset uses 592 music tracks from 57 different subgenres in Electronic Dance Music.
The dataset is based upon and its public YouTube playlists. Created by Kwinten Crauwels.

Musicmap attempts to provide the ultimate genealogy of popular music genres, including their relations and history. It is the result of more than seven years of research with over 200 listed sources and cross examination of many other visual genealogies. Its aim is to focus on the delicate balance between comprehensibility, accuracy and accessibility.

(I recommend you to visit if you want to dig deeper, or learn about other genres outside of the electronic dance music cluster. It is a gold mine!)

🖥️ Support Devices

The web app is tested on macOS in Chrome 68, Safari 11, Firefox 61 and on iOS 11.4.
And should work wherever flexbox is supported and a youtube player can be embedded.
Let me know if you have problems with any other devices or browsers.

Dev Environment


  1. Clone the repository git clone
  2. Run npm install
  3. If you don’t have parcel installed npm install -g parcel-bundler


parcel src/index.html


parcel build src/index.html --public-url ./

P.S The code is still quite messy 🙃

You can’t perform that action at this time.