Looty Chords
An interactive music-learning platform for piano chords, progressions, ear training, and theory — practiced in real time, not only read about.
Overview
Looty Chords is the education product in the Looty Ecosystem. It is built for musicians who want to understand and practice piano chords with visual feedback, MIDI support, and hands-on tools rather than static diagrams alone.
Live site: lootychords.com.
The Problem
Chord study often splits into two weak options: theory that stays on the page, or playing that never names what is happening. Many learners can recognize a shape on a keyboard but struggle to hear quality, follow a progression, or connect a voicing back to the theory behind it.
The Product Vision
The vision was a practice environment where seeing, hearing, and playing occupy the same session. Chords, progressions, ear training, and music theory should reinforce each other through real-time visual learning and MIDI input, not as disconnected modules.
My Role
I designed and built Looty Chords as founder and engineer: product direction, interaction design for practice, and the technical work required to run audio-aware learning in the browser. The goal was a serious learning tool that still feels immediate.
Architecture & Technology
The application is built with Next.js, React, and Tailwind CSS, with Web Audio API and MIDI.js supporting real-time sound and keyboard integration. That combination is what makes the product a practice surface instead of a content site with a keyboard illustration.
Key Product Capabilities
- Interactive chord and progression training
- MIDI keyboard integration
- Real-time chord recognition
- Ear training and music theory tools
- Progress tracking and guided practice
Engineering / Product Challenges
Real-time recognition and MIDI input raise a different class of problems than a typical content page. Timing, feedback, and the mapping between what a learner plays and what the interface claims they played have to stay honest. Guided practice also has to stay structured without becoming a rigid course that fights how people actually sit down at a keyboard.
Security, Scalability & Reliability
Even a learning product needs a production mindset: a stable client, predictable sessions, and enough structure around accounts and progress that practice history remains useful. The browser is the runtime, so reliability includes audio and MIDI paths that fail gracefully when a device is not connected.
What I Learned / How the Product Evolved
Teaching software is unforgiving. If the feedback loop is slow or unclear, learners stop trusting it. Looty Chords pushed me to treat interaction quality as an engineering problem: recognition, visualization, and practice flow have to stay in sync or the educational promise collapses.
Current Direction
Looty Chords continues as the music-education arm of Looty — a place to practice chords and theory with tools that respect both musicianship and software craft. See the case studies hub, the about page, or the homepage for more of the surrounding work.