Interactive music education

Domine a Guitarra

Free guitar-learning platform combining structured lessons, music-theory tools and browser-based practice.

Website · Portfolio

Architecture

The platform serves statically generated lesson pages alongside client-side musical tools.

  • Curriculum: modular lessons and study paths, authored as Markdown content.
  • Music domain: TypeScript models for notes, intervals, chords, voicings, rhythm patterns and progressions.
  • Interactive components: chord and fretboard diagrams, synchronized tablature playback and rhythm exercises.
  • Audio: browser-based synthesis through the Web Audio API for playable examples and ear-training exercises.
  • Student workspace: browser-local storage for study preferences, annotations and progress.
  • Publishing: static-site builds deployed through GitHub and Cloudflare.

Music exercises, diagrams and audio playback share structured musical data rather than separately authored representations.

Technologies

  • Web framework: Astro with static output.
  • Language and content: TypeScript and Markdown.
  • Audio: Web Audio API.
  • Interface: reusable Astro components with browser-side interaction.
  • Deployment: GitHub and Cloudflare.