timmcca-be / music-tool Goto Github PK

Allow users to install the site as a progressive web app.

Not sure how to go about this from an implementation standpoint, but don't just pull in Tone.js. That added about 200 KB to the bundle when I used it. If you add a library, use a light one.

Add the Roman numeral notation for each chord in smaller text underneath the chord name inside the button. Should not be bolded.

Add a drop-down at the top with options for synths to choose from - guitar, piano, electric piano, melodica, steel drums - have fun with it. Probably dependent on #3 since that will require changes to the chord player, so start there. Also, make sure the voicings make sense for the instruments they're played on. Don't just swap in a guitar chord synth, add logic to voice the chords in a way that would be playable on guitar.

Remove "Add sevenths" button and add a drop-down next to each chord with an option to select the type of chord. Depending on what fits in the key, sus2, sus4, 6, aug, etc. This will require building a much more robust chord player.

When the page shrinks, the rows should all have a roughly even number of buttons. So rather than having 6 buttons on top and 1 on the bottom, there should be 4 on top and 3 on the bottom.

Consider shrinking the buttons horizontally on smaller screens to avoid wrapping. Also consider moving the titles to the left on wider screens so the buttons are in a grid layout (not sure if this would be too information-dense).

All changes should be to CSS and CSS classes - no JavaScript logic should be added to make this work.

Harmonic/melodic minor/major. Add these in a separate tab - diatonic vs non-diatonic.