An interactive fretboard website for learning music theory on the guitar.
You can visit it online at https://krystex.github.io/Fretboard/
To run it locally, you need NodeJS. You can install the dependencies with npm install
and run the project with npm run serve
. If you want to build the project and use the static files, use the command npm run build
.
This webapp is written in React with using SVG for the actual fretboard. The UI is heavily borrowed from FlowBite. The files are bundled with esbuild.
All the computations for music theory can be found in src/musictheory.js
.