gtr-site.demo.na.CONVnvenc264.q30.mp4

Website for guitar practicing

• All tools in one browser tab
• Minimal response time - website works completly on the client side
• Extremly small size: around 50kB gzip
• Day/night color themes
• Share your link with others
• Works offline via Service Worker/PWA support

What already works:

Metronome

• High-precision click
• Logarithmic volume control - smooth click volume control
• Tempo range from 40 to 320
• Notes per measure from 1 to 16
• Duration from whole note to 32nd

Scales calculator

• Ability to choose number of strings
• Ready tunings presets or custom for each string
• Triads, can show intervals instead of notes
• Toggle hiding any scale note
• Scale box on any fret

Planned:

• Chords
• Chord finder
• Chord progressions
• And other useful tools

Used:

Vue

vue-safe-teleport

Material Design Icons

RealFaviconGenerator for generating favicon

Development

1. npm install inside '.\src' to initialize vite and vue
2. npm run dev inside '.\src' starts local server for development
3. npm run build inside '.\src' builds production ready assets to '.\dist'

Support developer

Available donation methods