Azan Guru — Quran Learning Platform
A full learning management system built from concept to production — web platform and mobile app powered by a single GraphQL API. Course management, student tracking, live sessions, and progress analytics.
One Platform, Two Surfaces, Zero Duplication
Azan Guru needed a complete learning management system — not an off-the-shelf solution, but a custom-built platform tailored to Quran education. The platform had to serve both a web application and a mobile app simultaneously, with a single source of truth for all data.
The challenge was architectural: build a GraphQL API that could serve both surfaces efficiently, handle real-time features like live sessions, and scale as the student base grew — all from a standing start with no existing codebase.
Concept to Production
No existing codebase, no legacy system. We designed the architecture, built the API, developed the web platform, and shipped the mobile app — end to end.
GraphQL Single API
One GraphQL API serves both the web platform and mobile app — eliminating data duplication, reducing maintenance overhead, and ensuring consistency across surfaces.
Full Stack, From Scratch
Architecture Design
Designed a GraphQL API-first architecture where the web and mobile apps are both consumers of the same data layer. This decision eliminated all future data sync issues and made feature development faster across both platforms.
LMS Core — Courses, Students, Progress
Built the full LMS engine: course creation and management, student enrolment, lesson sequencing, progress tracking, quiz and assessment tools, and completion certificates.
Web Platform
Built the student-facing web platform with a clean, educational UI — course catalogue, lesson player, progress dashboard, and teacher communication tools. Optimised for desktop and tablet use.
Mobile App (React Native)
Shipped a cross-platform mobile app for iOS and Android consuming the same GraphQL API. Students can access lessons, track progress, and receive notifications on the go — with offline lesson caching for areas with poor connectivity.
500+ Students, One Unified Platform
Azan Guru launched with 500+ active students across the web and mobile platforms. The GraphQL API architecture meant that new features built for the web were immediately available on mobile — cutting feature development time in half.
The platform handles live sessions, recorded lessons, and student progress tracking without any data inconsistency between web and mobile — a direct result of the single-API architecture decision made at the start of the project.
500+ Active Students
Launched with a strong student base across both web and mobile, with consistent growth month-on-month since launch.
50% Faster Feature Development
The GraphQL API-first approach means new features are built once and deployed to both web and mobile simultaneously.