Web DevelopmentFeatured

Leer Engelse Klanken

Engelse uitspraak oefenen echt leuk maken.

DrupalOpen Social Distribution

Gebouwd op Drupal, zet dit platform traditioneel taalonderwijs op zijn kop. In plaats van saaie oefeningen, oefenen gebruikers met interactieve klankherkenningsoefeningen. Het helpt leerlingen die moeite hebben met specifieke Engelse klanken.

Het probleem

Spaanstaligen die Engels leren, hebben moeite met de uitspraak. De meeste bestaande tools zijn betaald, vol met advertenties, of gericht op grammatica in plaats van klanken. Weinig zijn wetenschappelijk accuraat (IPA-ondersteund) en advertentievrij, en bijna geen enkele is in meerdere talen beschikbaar met volledige inhoudspariteit.

De aanpak

Een Next.js 15-site die de 44 Engelse fonemen leert via IPA, native audiovoorbeelden, minimal-pair drills en drag-and-drop-spellen. De App Router gebruikt een [lang] dynamisch segment en centraliseert geluidsgegevens in app/data/sounds/. Een script tijdens de build genereert 50+ uitspraakregel-blogposts in vijf talen vanuit één bron. Gedeployd naar Cloudflare Workers via OpenNext, met force-static plus middleware om de CPU binnen het budget te houden.

Opmerkelijke beslissingen

  • i18n-first architectuur. Elke route onder [lang]/, metadata geparametriseerd per taal. Geen achteraf aanpassingen.
  • Enkele geluidsdatabase. app/data/sounds/ is de bron van waarheid; pagina's filteren hieruit. Het toevoegen van een geluid verspreidt zich over de hele site.
  • Tweetalige inhoudspariteit. Elke blogpost wordt tijdens de build in vijf talen gegenereerd, zodat gebruikers nooit op een onvolledige pagina terechtkomen.
  • IPA en minimal-pair pedagogiek. Elk geluid heeft zijn IPA-symbool, native audio, voorbeeldwoorden en drills. Grammatica-agnostisch, geschikt voor elke leerling.

Status

Live op learnenglishsounds.com, gratis en zonder advertenties. Recent werk aan 50 nieuwe uitspraakregel-posts in vijf talen, prestatieherstructurering en CSP-beleidsaanpassingen.

Want similar work for your team?

AI-native senior engineering for AI, cloud, and web. Open to consulting engagements and full-time roles.