German Learning Platform
Learn German through a modern, AI-powered experience.
120+
Lessons built
5,400+
Words in vocabulary DB
87%
Avg. quiz accuracy
98
Lighthouse

The story
An interactive platform designed to help Arabic speakers learn German through a modern and engaging learning experience. It combines interactive lessons, a clean responsive interface and an AI-powered learning experience that keeps students motivated and progressing.
Tech stack
The Challenge
Language learners quit without instant, in-context feedback. Building a tutor that could explain German grammar accurately — in Arabic — while scoring pronunciation in real time required a careful AI pipeline and low-latency audio handling.
The Solution
I designed a structured prompt system with retrieval of grammar rules, streaming responses, and a pronunciation scoring layer that runs client-side for instant feedback. Adaptive scheduling uses spaced-repetition combined with AI difficulty estimates.
What's inside
Interactive Lessons
Modern Responsive UI
AI-Powered Learning Experience
Vocabulary Building
Quizzes & Exercises
Architecture overview
Next.js App Router with ISR for course content
Supabase (PostgreSQL + Auth) with Row Level Security
OpenAI streaming chat for the AI tutor
Client-side speech analysis for pronunciation
Edge-cached lesson assets for instant navigation
AI Implementation
OpenAI streaming chat with structured prompts for grammar explanations
Client-side Web Speech API for real-time pronunciation scoring
Spaced repetition scheduling with AI difficulty estimates
Arabic-to-German context-aware translation system
Screens & previews
Replace these generated previews with real screenshots when available.

