QiyasOnline
A React Native mobile app for standardized test preparation. Users can take timed practice exams, review answers, track progress with analytics charts, and subscribe to premium plans.
§ problem
Saudi students preparing for Qiyas standardized aptitude and achievement tests lacked a dedicated mobile platform to practice with timed mock exams, track their progress, and access learning content in Arabic — forcing them to rely on scattered, often inadequate study resources.
§ measurements
MEAS 1 · installs6k+Installs across App Store and Google Play Store
§ overview
- Built the entire React Native app from scratch — architected and developed all features end-to-end as the sole developer (99 commits), including authentication, quiz engine, progress tracking, and multilingual Arabic RTL support.
- Integrated 3 payment gateways — implemented Moyasar (Android), Braintree (iOS), and In-App Purchases (iOS) with subscription plans and discount code flows.
- Shipped to both iOS and Android — handled platform-specific fixes, release builds, and multiple rounds of app review feedback to get the app store-ready.
§ architecture
- Component-Based UI with Context API — Screen components organized by feature (30+ screens), with global state managed via React Context and custom hooks, avoiding heavy state management libraries.
- Platform-Abstracted Payment Layer — Payment logic branched by platform — Braintree and IAP for iOS, Moyasar for Android — unified behind a common subscription flow with discount and plan selection screens.
- API-Driven Content Delivery — All exam content, categories, questions, and CMS pages fetched from a centralized REST API (api.qiyas.online), with Axios for HTTP, request caching for offline support, and rich content rendered via custom WebViews.
§ components
Each part of the stack is bound to one of the largest circles. Hover one to find it in the drawing.
- n1Swift
- n2React Native
- n3Android SDK
- n4TypeScript
- n5Java
- n6Kotlin
§ links
§ gallery
