longde123 / dancemusic.wtf Goto Github PK

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.

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!)

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.

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 🙃