Skip to content

cdeil/noten

Repository files navigation

🎼 Notenlesen lernen

Eine Web-App zum Notenlesen-Üben für Kinder. Optimiert für Tablets, komplett auf Deutsch.

Funktionen

  • Violinschlüssel, Bassschlüssel oder gemischt
  • Optional mit Vorzeichen (♯ und ♭)
  • Eingabe per Klavier oder Notenbutton (C, Cis, D, Es, E, F, Fis, G, As, A, B, H)
  • Audio-Feedback: bei richtiger Antwort erklingt die Note, bei falscher ein leiser Fehlerton
  • Punktezähler, Fortschrittsbalken, Sterne-Bewertung und Konfetti am Ende
  • Modi: 10, 20, 30 Noten oder ∞ Endlos
  • Tabletfreundliche, scroll-freie Vollbild-Ansicht

Entwicklung

npm install
npm run dev          # http://localhost:5173
npm run build

Tests (Playwright)

npx playwright install chromium  # einmalig
npm test

Stack

  • Vite + React + TypeScript
  • VexFlow für die Notendarstellung
  • Tone.js für den Klavierklang
  • Playwright für End-to-End-Tests

Notennamen (Deutsch ↔ Englisch)

Deutsch Englisch
H B
B B♭
Cis C♯
Es E♭

(VexFlow rendert intern in englischer Notation, die App-Oberfläche ist durchgehend deutsch.)

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors