Roadmap

What's built, what's next, and where FretLogic is headed.

v0.1 — Foundation

Done

Interactive Fretboard

SVG 16-fret board with realistic wood/nut/wire rendering. Notes color-coded by chord role. Click any position for instant note info.

Tuning System

8 presets (Standard, Drop D, Open G/D/E/A, DADGAD, ½ Step Down) + custom per-string tuning. Fretboard recalculates instantly.

Chord Parser

Understands 20+ chord qualities: major, minor, 7, m7, maj7, dim, aug, sus2, sus4, and more. Accepts common aliases (Δ7, ø, °, +, -).

Chord Analysis Engine

Identifies Roman numeral function, flags diatonic vs non-diatonic, breaks down each note’s role in the chord AND degree in the key.

Scale Overlay

Toggle to show all scale notes on the fretboard. Supports 12 scales: Major, Minor variants, Pentatonic, Blues, and all 7 modes.

Chord Library

Browse chords by category (Triads, 7ths, Extended, Altered). One-click to load into the analyzer.

Progression Builder

Save analyzed chords to build a sequence. Shows full Roman numeral progression (e.g. I → V → vi → IV).

Circle of Fifths

Interactive SVG — click any key to switch. Shows major keys (outer ring) and relative minors (inner ring).

Diatonic Chord Chart

For the current key, shows all 7 diatonic chords with Roman numerals. Click any to analyze.

Intervals Reference

Quick-reference table mapping semitone distances to interval names.

v0.2 — Interactive Learning

Done

Fret-Tap Chord Input

Tap fret positions to build a voicing. Auto-detects chord name from selected notes and fills missing strings with the nearest matching frets.

Scale Degree Fretboard

Toggle to show scale degrees (1, 2, ♭3, 4, 5…) instead of note names at every fret position. Helps think in intervals.

Voicing Diagrams

Standard chord box diagrams for common voicings. Clickable to display the shape on the fretboard. Available across Analyze, Library, Theory, and Saved Progression panels.

Interval Patterns

Shows whole/half step patterns for every scale (e.g. W W H W W W H for Major). Displayed in the scale bar and as a dedicated formula card in the Theory tab.

Arpeggio Mode

Select a voicing and step through its notes one by one. Four picking patterns: Low to High, High to Low, Pinch & Roll, Travis Pick. Shows note order, role, and color on the fretboard.

CAGED System

Visualize all 5 CAGED chord shape positions across the neck for any key. Each shape (C, A, G, E, D) is color-coded with a legend showing fret positions.

Dual Degree Analysis

Toggle between Key and Chord perspective for scale degrees. See how a note functions both within the key and within the chord — understand chord construction and harmonic context simultaneously.

Fretboard Note Tooltip

Hover any note on the fretboard for instant info: note name, string/fret position, chord role, degree relative to key, and degree relative to chord — all in a tooltip at the cursor.

Lick/Riff Analyzer

Type a sequence of notes to see each one’s role in the current chord and degree in the key. Shows chord tone count, scale membership, and whether the lick uses chromatic passing tones.

v0.3 — Arpeggio & Practice System

Done

Arpeggio Shape Explorer

Pick any chord type + root and see all ways to play the arpeggio: single-string, two-string pairs, three-string groups, and CAGED positions. Toggle between views to see how shapes connect across the neck.

Guided Arpeggio Exercises

Progressive lessons matching Ry Naylor’s Building Blocks structure. Step through inversions, cycle roots in fourths, play through a key. Each exercise highlights the target notes on the fretboard in real time.

Practice Routine Builder

Create timed practice sessions combining exercises: arpeggio drills, scale runs, chord changes. Metronome with tempo and subdivision display. Tracks which keys and exercises you’ve covered.

Progression Templates

Library of common progressions (I-V-vi-IV, ii-V-I, 12-bar blues) with one-click load and key transposition.

v0.4 — Polish & Infrastructure

Done

PWA / Offline Support

Installable on mobile and desktop. Service worker caches pages and assets for offline use. Works without internet after first visit.

Persistent Settings

All user preferences (key, scale, tuning, toggles, CAGED, degree mode), saved progressions, and practice routines survive app close, device restart, and browser refresh via localStorage.

SEO & Metadata

Per-page titles and descriptions, Open Graph and Twitter cards for social sharing, Apple PWA meta tags, web app manifest with themed icons.

Glossary

36 music theory terms explained for guitar learners. Searchable, filterable by category, with related term links. Covers fundamentals through advanced concepts.

Custom Domain

Deployed to fretlogic.tatulino.dev via Cloudflare Workers with automatic SSL.

v0.5 — Deep Learning

Done

Starter Practice Routines

Pre-loaded routines for beginner, intermediate, and advanced players. One-click start — no setup needed. Covers major/minor triads, 7th chords, key workouts, and inversions.

Song Analysis Mode

Input a real song’s chord progression, get full theory breakdown: auto-detect key, Roman numerals, why each chord works, suggested scales for soloing.

Progress Tracking

Track which keys, chord types, and arpeggio shapes you’ve practiced. Visual heatmap shows coverage gaps. Motivates consistent practice across all 12 keys.

Note Permutation Sequencer

Play arpeggios in all 24 possible note orders (1-2-3-4, 1-3-2-4, 4-3-2-1, etc.). Visual sequencer shows the current permutation on the fretboard. Based on Ry Naylor’s Building Blocks methodology.

i18n: English + Spanish

Full interface translation with language switcher. Musical notation stays universal. Persisted in localStorage with browser auto-detection.

v0.6 — Smart Teacher

Done

Smart Practice Generator

Quick onboarding asks your level and goals. Generates a personalized weekly practice plan targeting your weakest areas. Mark exercises as completed, skipped, or ‘can’t do yet’ — the system adapts and suggests prerequisites.

Slash Chord Support

Parse and analyze slash chords (D/F#, Am/E, C/G). Shows bass note separately on the fretboard. Enables accurate analysis of real songs with inversions.

Solo Mode

Given a chord progression, highlights which notes work on each chord change. Color-codes arpeggio tones vs scale tones vs tensions. Step through the progression to see note choices shift.

Three-Octave Shapes

Full-neck arpeggio patterns spanning 3 octaves. Shows how to connect positions across the fretboard. Completes Ry Naylor’s Building Blocks Parts 5, 6, 10.

v0.7 — Deep Engine & Learning

Done

Tonal.js Integration

Music theory engine powered by tonal. Enharmonic note handling (Cb, E#), 92 scale types, improved chord detection, proper flat-key spelling.

Scale Shape Engine

CAGED scale positions, 3-note-per-string patterns, pentatonic box shapes, and single-string patterns. All verified against standard guitar pedagogy.

Chord-Scale Recommendation Engine

For any chord, shows which scales work over it (ranked essential/common/advanced). Available tensions, avoid notes, and chromatic approach notes.

Upgraded Solo Mode

Progressive layers: chord tones only → + scale tones → + tensions/approach notes. Scale recommendations per chord. Full improv note map.

Learn Page — 15 Structured Lessons

Step-by-step curriculum from musical alphabet to improvisation. 3 modules: Foundations, Pentatonic & Soloing, Full Fretboard. Interactive fretboard exercises with checkpoints.

Scale-to-Chord Visualization

When viewing a scale, click any Roman numeral (I, ii, iii...) to highlight its chord tones within the scale pattern. See where chords live in the scale.

Play Instruction Modes

Practice runner shows 5 play modes: ascending, descending, both, in thirds (1-3, 2-4, 3-5...), and in triads (1-3-5, 2-4-6...). Visual note sequence below fretboard.

Audio Metronome

Web Audio click sound synced to practice BPM. Accent on downbeat. Mute/unmute toggle.

Music Theory Audit

All 12 scales, 20 chord formulas, Roman numerals, tunings, and voicings verified against music theory standards. 8 bugs fixed from comprehensive engine audit.

Future

Ideas

Audio Backing Tracks

Web Audio drone, chord pads, and progression loops for practice context. Hear whether your playing sounds good.

Audio Input (Mic/Line-In)

Plug in your guitar via audio interface. Pitch detection to identify notes in real-time.

Export & Share

Export progressions as text, image, or shareable link.

Ear Training Mode

Play a chord/interval and quiz the user to identify it.

Mobile-Optimized Layout

Touch-friendly fretboard with pinch-to-zoom, swipe between panels.