QiyasOnline
Professional·
Live
·Lead Engineer
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.
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.
Problem Statement
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.
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.
Impact
6k+InstallsInstalls across App Store and Google Play Store
Tech Stack
Swift
React Native
Android SDK
TypeScript
Java
Kotlin
Links
Gallery
