DEV Community

Cover image for A free website to learn how to learn any chord!
Shayan Javadi
Shayan Javadi

Posted on

A free website to learn how to learn any chord!

Hi everybody Shayan here!

As a musician and a an engineer I've always wanted to combine my two passions ๐ŸŽธ๐Ÿ‘จโ€๐Ÿ’ป.

For the past week I've been working on a microsite on my app's website Solfej, that lets you search for any chord imaginable. (Link is at the bottom if TLDR :) )

This means every note x every chord type x every tension! (Ends up being around 6000 chords after getting rid of some of the whacky or duplicate ones.)

Once you pick the chord you can find the respective's chord notes, intervals, scales that it belongs to, and piano/guitar fingerings.

Here's an example: ๐Ÿ‘‡
Solfej chord search

To create a page for each of the ~6000 chords mentioned above, I create a big JSON file of chords (about 200mb) with notes, scales, intervals, and guitar fingerings mapped to each one.

I mainly use Tonal.js for the music theory operation, but I ended up having to clean up a lot of stuff on my own.

After that I loop through that JSON file using Gatsby and make a page for each one.

I'm super excited to share this with the community. Check it out and let me know what you think!

That being said I'm so excited to share this with the community. Check it out and let me know what you think!

๐Ÿ‘‰ https://www.solfej.io/chords

Top comments (1)

Collapse
 
patarapolw profile image
Pacharapol Withayasakpunt • Edited

You forgot alternate positions for guitars.

Might be nice if you add Ukulele as well.