Vue Fretboard, web app based and continuation of notes-on-fretboard, is able to organize the studies on the superimpositions of scales and arpeggios fingerings by displaying vertically guitar fretboards. The production of guitar fretboards is derived from the precious library fretboard based on D3.js.Vue Fretboard is optimised to be responsive up to 550px so it can be used onsmartphones only with a "desktop" visualisation. Guitar images courtesy of Pexels and for the image background courtesy of Unsplash. For a demo please consider the link.

• can display fingerings according to tuning, root, scales or arpeggios
• labels with notes' names or degrees
• can merge scale/arpeggios to have a graphical comparison of the notes in common and distint on each scale.
• can play guitar notes via soundfont-player
• responsive svg fretboards
• draggable fretboards
• Italian and English localisations

• HTML5
• Vue.js 2
• Bootstrap 4 & Bootstrap Vue & Pulse theme by Bootswatch
• Font Awesome
• D3.js
• Vuelidate
• vue-i18n
• soundfont-player

• Firebase Authentication and Cloud Firestore as DB.

This project is licensed under the MIT License.