Quran Explorer (Quran Pro)

A comprehensive Next.js web application dedicated to providing a rich and accessible Islamic experience. Built with modern web standards, it supports multiple languages, theming, and high-quality audio/video streaming.

Features

• Holy Quran Audio Library (/reciters): Listen to the recitation of the Holy Quran from over 230+ renowned Sheikhs/Reciters with high-quality streaming support.
• Hadith Collection (/hadith): Access a complete collection of Hadith.
• Daily Azkar & Duas (/daily): A dedicated section for daily supplications.
• Mushaf (/mushaf): Read the Holy Quran digitally.
• Islamic Radio (/radio): Live streaming of various Islamic radio channels.
• Islamic Videos (/videos): Watch curated Islamic video content.
• Sadaqah Jariyah (/sadaqah): Dedicated section for ongoing charity and sharing.

Core Capabilities

• Internationalization (i18n): Multi-language support out of the box using next-intl.
• Dark/Light Mode: Full theme support for comfortable reading using next-themes.
• Media Streaming: Robust audio and video playback using react-player and hls.js.
• Responsive UI: Modern, mobile-friendly interface styled with Tailwind CSS v4 and Lucide React icons.

Tech Stack

• Framework: Next.js 16 (App Router)
• Library: React 19
• Styling: Tailwind CSS v4
• Icons: Lucide React
• Analytics: Vercel Analytics

Getting Started

First, install the dependencies:

npm install

Then, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

Open http://localhost:3000 with your browser to see the result.

Contact

For any inquiries or project details, please reach out to: Email: mahmoudfalous@gmail.com