Quran Hub

Quran Hub approached us with a fragmented learning experience: students were juggling WhatsApp groups for scheduling, PDF worksheets for exercises, and separate Zoom calls for live tuition. There was no unified digital home for Islamic education. Retention rates were low and the platform had no visibility into learner progress, making it impossible for instructors to personalise lessons.

Scaling was an additional pressure point. The team wanted to onboard students from the UK, USA, and Gulf countries simultaneously, which required multi-timezone scheduling, multi-language UI (Arabic, English, Urdu), and a payment infrastructure that handled both one-off purchases and monthly subscriptions without friction. Existing off-the-shelf LMS platforms felt generic and failed to honour the reverence the product needed.

Security and accessibility added further complexity: Quranic content required careful typographic rendering with proper Arabic diacritics, the app needed to work offline in low-connectivity regions, and all user data had to comply with GDPR and regional privacy requirements.

We designed and built a full-stack platform from the ground up — a Next.js web app paired with a React Native mobile app sharing a common API layer. A custom lesson-scheduling engine handled multi-timezone availability, automatically converting session times for students and tutors in different regions. Stripe integration supported both subscription billing and one-time course purchases with localised currency display.

The Quran reader was built with a specialised Arabic font pipeline using Amiri and KFGQPC Uthmanic Script, ensuring pixel-perfect rendering of Quranic text with full Tajweed colour-coding. Offline mode was achieved via service workers and SQLite caching on mobile, allowing students to continue reading and completing exercises without an internet connection.

An instructor dashboard gave teachers real-time visibility into student progress, attendance streaks, and memorisation milestones. Automated reminders via WhatsApp Business API reduced no-shows by a significant margin. The entire platform was deployed on AWS with CloudFront CDN to ensure low latency for a globally distributed user base.