Fretmap – Interactive Guitar Fretboard

zigzag

What I did

  • Design
  • React
  • JavaScript
  • Progressive Web App
  • HTML5
  • CSS3

Fretmap is a free tool to help people learn their guitar scales and arpeggios using an interactive guitar fretboard.

The application is built using React and allows users to quickly select their root note, their scale (or arpeggio) and get playing.

Users can use the patterns and information provided to play unaccompanied, or if they prefer, they can play along with Fretmap while it generates sounds and note highlighting on-the-fly. This is really useful for committing the patterns to memory, helping you be more creative across the fretboard when playing solo or with others.

Fretmap.app is also made as a Progressive Web App, so it can be installed onto your device and used like a regular native app. Also, Fretmap’s sound is generated by the excellent Tone.js library

Visit website

Don't Be Shy