Safar Anbiya
Journey of the Prophets
Religious education for children is usually static — text to read or videos to watch passively, and kids disengage. We turned the lives of all 25 prophets into something a 5–10 year old chooses to open, the way they open a game: story → a moral choice → the real Qur’anic verse → a quiz → a reward, wrapped in a light-and-stars progress ladder.
🔊 Sound on — one full journey, start to finish (4:36)
What it does
Every prophet is played as a sequence of nine beats — a small, complete story arc with a lesson, a verse and a reward.
25 prophets, 25 journeys
Each prophet gets a distinct night sky — its own palette, aurora wash and moon placement — so every stage feels different.
Cinematic storytelling
Continuous Ken Burns drift and per-scene cross-fades render each story beat like a moving illustration.
Bilingual narration
Pre-generated Azure Neural voices in English and Urdu, with live word-by-word highlighting synced to the audio.
The real ayah
Every prophet surfaces 3–4 authentic Qur’anic verses — Arabic text, qari recitation and spoken meaning from verified sources.
Gamification (Noor)
A level ladder, 1–3 star ratings, a badge gallery, a 🔥 daily streak, recap quizzes, confetti and WebAudio chimes.
Installable PWA
Offline-capable, full app manifest, home-screen install, app shortcuts and Edge side-panel docking.
The journey, beat by beat
Real screens from the running app — the prophet Adam (AS), captured live, not mockups.
How it’s built
A single installable app on the front, a swappable Azure service layer behind it, and a pre-generated media pipeline that keeps narration instant and offline-ready.
Frontend · installable PWA
Next.js (App Router) + React 19. One rich client experience, content-driven from data modules (English, Roman-Urdu, and Qur’an verse sets), with local progress.
Cloud backend · Azure
A swappable service layer (local ↔ Azure) so the same app runs on a laptop or in the cloud unchanged. Accounts, profiles and progress are server-side.
AI & media pipeline
Narration is pre-generated static audio (not live TTS): a build script calls Azure Speech and writes hashed MP3s + a manifest, so audio loads instantly and works offline. Avatars are generated per child.
Brand — twilight navy & gold
Got an idea sitting in a doc?
This is what we do at Gennoor Tech — we partner with small and medium businesses to design, build and ship real products: web & mobile apps, cloud backends and AI features, without the agency bloat or the year-long timeline.