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.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
assets
src
.eslintrc
.gitignore
README.md
package-lock.json
package.json

README.md



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

Dancemusic.wtf uses 592 music tracks from 57 different subgenres in Electronic Dance Music.
The dataset is based upon musicmap.info 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 musicmap.info 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

Installation

  1. Clone the repository git clone https://github.com/Hemmingsson/dancemusic.wtf
  2. Run npm install
  3. If you don’t have parcel installed npm install -g parcel-bundler

Development

parcel src/index.html

Building

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

P.S The code is still quite messy 🙃

You can’t perform that action at this time.