Educational web product · Browser speech APIs
English Learning App
A browser learning loop for Arabic speakers: explore English vocabulary, hear a word, check pronunciation, complete listening and letter-ordering exercises, and return to the words that need another attempt. Speech input is an optional enhancement, so the rest of the experience remains usable when recognition is unavailable.
- Web Speech API
- Arabic RTL
- Platform
- Arabic right-to-left browser learning app
- Stack
- Web Speech API · speechSynthesis · SpeechRecognition
What it is
The English Learning App is an Arabic right-to-left browser application that teaches English vocabulary through sound, practice and review. The interface keeps English words and examples beside Arabic meaning while browser speech turns each item into something the learner can hear and repeat.
How the learning loop works
The browser uses speechSynthesis to play an English word or example sentence. For pronunciation practice, SpeechRecognition or webkitSpeechRecognition returns a transcript that is normalised and compared with the target, producing a match percentage and a plain-language verdict.
Listening and letter-ordering questions form a six-question round. Wrong answers feed a review list where each word can be retried, while a session score preserves the learner's progress for the current visit.
Speech is a progressive enhancement: unsupported recognition, refused permission, silence and timeout have explicit states, and a sample-transcript comparison remains available with clear labelling. The rest of the exercises continue without microphone input.
Practice, feedback and review
The screens follow one session: the practice surface with its listen and speak controls, the optional pronunciation comparison, an assisted listening retry, a completed letter-ordering exercise, the end-of-session review where missed words can be retried, and a right-to-left listening round on a phone.
Figures
The practice surface keeps the word list, the chosen word and the pronunciation control visible at once. 
Pronunciation feedback compares what the browser heard with the target word and states that it is optional practice. 
A missed listening question offers assistance rather than moving on, and the answer stays reviewable. 
The letters are checked as a sequence, so the right letters in the wrong order are still wrong. 
The session score is followed by the missed words themselves, each retryable rather than merely counted. 
The mobile RTL listening round retains replay and a clearly labelled assisted transcript.
Try the browser speech demo
Explore vocabulary playback, pronunciation practice, listening, letter ordering and wrong-answer review in a browser learning session.
The app has no backend. Speech features use the browser's or platform's speech service, which may process microphone audio; the app itself does not store or upload it.