Guitlab
Interactive Guitar Learning Web App
ContextPersonal Project
Period2026
GUITLAB
Introduction
Guitlab is a full-stack guitar learning app built to make fretboard knowledge actually stick. Visualize scales and CAGED shapes across all 12 keys, identify chords with the chord finder, and drill the neck with a gamified practice system that tracks your progress over time.
View ProjectPurpose
I kept running into the same problem. I'd learn a scale position but never connect it to the rest of the neck. Static chord charts and scale diagrams weren't cutting it. I built Guitlab to be the tool I actually wanted: dynamic, interactive, and tied to real practice. Building it also pushed me into full-stack territory with auth, a Python backend, and real user data.
Build
Guitlab is built with React 19, TypeScript, and SCSS on the frontend, with Zustand for state management and Tonal.js for music theory logic. Audio playback uses a soundfont engine. The backend is Python, handling data and user stats. Auth and persistence are handled through Supabase. The frontend is deployed on Vercel and the backend on Render.
Next Work
Simprove