NotenZauber
Spielerisch Noten, Rhythmus & Musiktheorie lernen.
Idee & Konzept
Fabian Krafft – Konzept, didaktisches Design, Spielmechanik und Produktverantwortung.
Entwicklung
Fabian Krafft – Entwicklung mit Unterstützung durch Lovable AI (Pair Programming).
Gebaut mit React, TanStack Start, Tailwind CSS und Lovable Cloud.
Klavier-Sound
Der Klavierklang stammt vom Salamander Grand Piano V3 von Alexander Holm – aufgenommen an einem Yamaha C5. Lizenz: CC-BY 3.0. Die Samples werden über die Bibliothek smplr (MIT) geladen.
Metronom und Rhythmus-Klicks werden synthetisch in Echtzeit über die Web Audio API erzeugt. Solange die Klavier-Samples laden, wird ein einfacher Synth-Klang als Fallback verwendet.
Verwendete Open-Source-Komponenten
UI-Bibliothek
Routing und SSR
Datenmanagement
Build-Tool
Styling
UI-Komponenten
Barrierefreie Primitives
Icon-Set
Toast-Benachrichtigungen
Schema-Validierung
Formulare
Diagramme
Datums-Utilities
Karussell
Backend-Client
Schriften & Notation
Standardmässig werden die Schriftarten des jeweiligen Betriebssystems verwendet.
Unicode-Standardzeichen, gerendert über Bravura Text / Noto Music / Apple Symbols sofern installiert.
Danke
Danke an alle Kinder, Eltern und Musiklehrer:innen, die NotenZauber getestet und mit Feedback verbessert haben.
© 2026 Fabian Krafft. Alle Rechte vorbehalten, soweit nicht anders gekennzeichnet. Marken- und Produktnamen sind Eigentum ihrer jeweiligen Inhaber.