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
  • 💻 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