Web & Mobile AppStatus: completedNovember 13, 2026
Noor-ul-Quran — Comprehensive Study & Recitation Platform
Modern Quran study platform featuring interactive verse reading, synchronized multi-reciter audio, study notes, translation comparisons, and quiz engines.
Tech Stack:Next.js 16React 19Tauri 2TypeScriptTailwind CSSZustandCross-Platform
Quick Access & Links
- 💻 GitHub Repository — Open-source Next.js 16 and Tauri 2 cross-platform application.
- 📱 Multi-Platform Support: Built for high-speed Web, Windows Desktop, Android, and iOS.
Overview
Noor-ul-Quran is an intuitive, performance-focused Quranic study and memorization application designed for seamless daily recitation and deep textual research. Combining modern server-side rendering with local-first offline caching, it provides immediate page navigation, verse search, and high-fidelity recitation without intrusive interruptions.
Core Capabilities
1. Versatile Reading & Study Environments
- Dynamic Reading Modes: Seamlessly switch between Mushaf (Page-by-Page) mode, Continuous Flow reading, and focused Verse-by-Verse Study modes.
- Synchronized Audio Recitations: Instant audio streaming with playback speed control, ayah-by-ayah repeat looping for memorization, and verse highlighting.
- Multi-Translation Comparisons: Compare multiple scholarly English, Urdu, and international translations side-by-side.
2. Personal Research & Notes Inspector
- Multi-Notes System: Annotate individual ayahs, categorize personal reflections, and export study notes securely.
- Reading Resume & History: Granular resumption system tracking exact surah, ayah, and scroll position across sessions.
- Interactive Verse Scroll Navigator: Ultra-smooth virtualized scrubbing and chapter navigation.
3. Interactive Learning & Quiz Engine
- Active Recall Quizzes: Comprehensive testing engine assessing Surah order, Ayah completion, and vocabulary comprehension.
- Gamified Progress: Track completion milestones, streaks, and review cycles.
Tech Stack
- Framework: Next.js 16 (Turbopack, Server Components), React 19, TypeScript
- Cross-Platform Container: Tauri v2 (Desktop, Android, iOS targets)
- State Management: Zustand with persistent storage
- Styling: Tailwind CSS v4 with dark and light theme contrast readiness