Back to projects
Web Application · 2026

Strum

Strum is a web app designed to help people learn guitar. It's got an interactive SVG fretboard, rhythm and strumming exercises, chord and scale libraries, and structured practice sessions that complement popular online guitar courses. With real-time audio feedback and a gamified progression system, it makes learning guitar fun and hands-on.

The Problem

When you’re learning guitar through YouTube videos or online courses, there’s no easy way to know if you’re actually doing it right. You can follow along, but without real-time feedback on your finger placement, strumming patterns, or timing, bad habits sneak in and you don’t even notice. I wanted to build something that bridges that gap and gives learners instant, visual feedback so they can self-correct as they practise.

The Approach

I built an interactive fretboard using SVG that lets you visualise and play notes, chords, and scales right on screen. The app includes gamified practice sessions with star-based scoring, rhythm exercises with audio playback via Tone.js, and a sandbox mode for free exploration. It’s structured to work alongside a popular online guitar course, so learners have guided content to follow while building real muscle memory.

03 · TECH STACK

Built with

TypeScriptReactTanStack StarttRPCPostgreSQLDrizzle ORMTailwind CSSTone.jsshadcn/ui