Learn English Sounds
Macht das Üben der englischen Aussprache wirklich unterhaltsam.
Diese auf Drupal basierende Plattform stellt das traditionelle Sprachenlernen auf den Kopf. Anstatt langweiliger Übungen üben Benutzer mit interaktiven Geräuscherkennungsübungen. Es hilft Lernenden, die Schwierigkeiten mit bestimmten englischen Lauten haben.
Das Problem
Spanischsprachige, die Englisch lernen, haben Schwierigkeiten mit der Aussprache. Die meisten bestehenden Tools sind kostenpflichtig, werbelastig oder grammatikfokussiert statt lautorientiert. Wenige sind wissenschaftlich korrekt (IPA-basiert) und werbefrei, und fast keine liefern Inhalte in mehreren Sprachen mit voller Inhaltsgleichheit.
Der Ansatz
Eine Next.js 15-Website, die die 44 englischen Phoneme durch IPA, native Audiobeispiele, Minimalpaarübungen und Drag-and-Drop-Spiele vermittelt. Der App Router verwendet ein dynamisches Segment [lang] und zentralisiert Sounddaten in app/data/sounds/. Ein Build-Zeit-Skript generiert über 50 Ausspracheregel-Blogbeiträge in fünf Sprachen aus einer einzigen Quelle. Bereitgestellt auf Cloudflare Workers über OpenNext, mit force-static plus Middleware, um die CPU im Budget zu halten.
Bemerkenswerte Entscheidungen
- i18n-First-Architektur. Jede Route unter [lang]/, Metadaten pro Sprache parametrisiert. Kein nachträgliches Anpassen.
- Einzelne Sounddatenbank. app/data/sounds/ ist die Quelle der Wahrheit; Seiten filtern daraus. Das Hinzufügen eines Sounds breitet sich auf der gesamten Website aus.
- Zweisprachige Inhaltsgleichheit. Jeder Blogbeitrag wird zur Build-Zeit in fünf Sprachen generiert, sodass Benutzer nie auf einer unvollständigen Seite landen.
- IPA- und Minimalpaar-Pädagogik. Jeder Laut hat sein IPA-Symbol, natives Audio, Beispielwörter und Übungen. Grammatikunabhängig, geeignet für jeden Lernenden.
Status
Live unter learnenglishsounds.com, kostenlos und werbefrei. Jüngste Arbeiten an 50 neuen Ausspracheregel-Beiträgen in fünf Sprachen, Performance-Refactoring und Anpassungen der CSP-Richtlinien.
Want similar work for your team?
AI-native senior engineering for AI, cloud, and web. Open to consulting engagements and full-time roles.