Overview
I built a guitar scale practice web app to help musicians train scale fluency with randomized prompts. The app generates combinations of key, scale, string, degree, and finger position so practice sessions stay unpredictable and focused.
My Role
I designed and implemented the React app, random prompt generator, practice timer, answer reveal flow, and Canvas-based fretboard visualization.
Key Features
- Randomized scale practice prompts
- Key, scale, string, degree, and finger-position combinations
- Timed practice flow
- Correct answer reveal
- Canvas-rendered fretboard
- Lightweight React interface
- Designed for both beginner and experienced guitarists
Technical Highlights
The main challenge was representing music practice concepts visually and interactively. I used Canvas to draw note positions and React state to manage prompt generation and practice timing.
What I Learned
This project helped me combine frontend development with a real learning workflow, turning repetitive music practice into a more dynamic web experience.