Quran Application
This project involved architecting and developing a comprehensive Quranic platform. It includes a mobile application for global users and a robust backend infrastructure. The app focuses on accessibility with offline data handling and interactive features like an AI-powered chatbot and daily streak systems.
Project Links
My Role & Responsibilities
Role
Lead MERN Stack & React Native Developer
Key Responsibilities
- Architected a scalable MERN-based backend and a cross-platform mobile app
- Led end-to-end development covering UI, backend APIs, and deployment pipelines
- Managed a junior developer for the Next.js admin dashboard implementation
- Configured and published applications to Apple App Store and Google Play Store
Technical Details
Technology Stack
frontend
- React Native
- Next.js App Router
- Zustand
backend
- Node.js
- Express.js
- RevenueCat
database
- Supabase
- SQLite
- Drizzel ORM
devops
- Vercel
- App Store Connect
- Google Play Console
tools
- TypeScript
- Axios
Architecture
MERN Stack with Vercel deployment and SQLite for offline mobile persistence
APIs & Integrations
Screenshots & Media
Primary reading interface with high-quality Arabic typography
Primary reading interface with high-quality Arabic typography
Primary reading interface with high-quality Arabic typography
Primary reading interface with high-quality Arabic typography
Primary reading interface with high-quality Arabic typography
Primary reading interface with high-quality Arabic typography
Primary reading interface with high-quality Arabic typography
Primary reading interface with high-quality Arabic typography
Primary reading interface with high-quality Arabic typography
Primary reading interface with high-quality Arabic typography
Primary reading interface with high-quality Arabic typography
Primary reading interface with high-quality Arabic typography
Primary reading interface with high-quality Arabic typography
Primary reading interface with high-quality Arabic typography
Primary reading interface with high-quality Arabic typography
Challenges & Solutions
Challenge:
Ensuring a seamless user experience when the device is offline
Solution:
Implemented SQLite for efficient offline data handling and Zustand for state management
Achievements & Impact
Production Ready Deployment
Delivered a high-performance application serving global users with secure authentication
Lessons Learned
- Advanced release management for iOS and Android
- Technical mentorship of junior developers
Explore more projects?
Go To Projects