MerxoDev Solutions
Get In Touch
Back
Islamic

Quran Mazid

merxodevsolutions.pro.bd/quran-mazid · view-1
Quran Mazid Preview 1
Click to scroll
merxodevsolutions.pro.bd/quran-mazid · view-2
Quran Mazid Preview 2
Click to scroll

Quran Mazid Web App (কুরআন মাজীদ)

A modern, lightning-fast, and responsive Islamic web application built with Next.js 16 (Turbopack), React 19, and Tailwind CSS v4. It offers seamless Quran reading, listening, district-wise prayer times, daily supplications, digital tasbih, and full bilingual localization (বাংলা / English).

View Live
ClientSojib Ahmed Quaderi
Duration1 month
CategoryIslamic
Stack8 technologies

Tech Stack

Next.jsReactTypeScript 5Tailwind CSS v4Radix UILucide IconsReact Hot Toastnext-themes

Key Features

9 Highlights
  • Holy Quran
    1.

    All 114 Surahs: Full Arabic Uthmani script with authentic translations in English and Bengali.

    2.

    Mushaf & Continuous Read Mode: Read in classic surah verse-by-verse mode or page-turning Mushaf mode (/read).

    3.

    In-Surah & Global Search: Instant debounced search across Surahs by Arabic name, English/Bengali translation, or verse number.

    4.

    Customizable Typography: Adjust Arabic and translation font sizes dynamically, and switch between Arabic fonts (Amiri, Scheherazade New, etc.).

  • Quran Audio Streaming & Verse Highlighting
    1.

    Multiple Renowned Qaris: Stream recitations from Sheikh Mishary Rashid Alafasy, Abdul Basit, and more.

    2.

    Synchronized Audio Player: Auto-scroll to currently playing verse with real-time ayah highlighting.

    3.

    Server Audio Proxy: Audio streams are served via an internal caching proxy (/api/audio/[qari]/[ayah]) protecting upstream CDNs.

  • Complete Bilingual Support (বাং / EN)
    1.

    One-Click Switcher: Instantly toggle between Bengali (বাংলা) and English across the entire interface (headers, sidebars, prayer times, cards, settings).

    2.

    Persistent Language Preference: Automatically remembers user language selection across sessions.

  • Authentic Prayer Times
    1.

    All 64 Districts of Bangladesh: Real-time accurate prayer calculation (Fajr, Sunrise, Dhuhr, Asr, Maghrib, Isha, Imsak, Midnight).

    2.

    Live Countdown: Displays remaining time until the next prayer with a dynamic visual timer and progress bar.

    3.

    Hijri Date: Real-time Islamic calendar integration (e.g. রবিউস সানি / Rabīʿ al-thānī).

    4.

    Custom Location: Supports GPS coordinates or city selection worldwide.

  • Digital Tasbih Counter
    1.

    Interactive Counter: Tap or click anywhere with haptic feedback, sound effects, and reset confirmations.

    2.

    Preset & Custom Dhikr: SubhanAllah, Alhamdulillah, Allahu Akbar, Astaghfirullah, and custom user targets.

    3.

    Session Tracking: Track total daily count, lap count, and target milestones.

  • Duas & Supplications
    1.

    Hisnul Muslim Collection: Categorized into Daily Duas, Morning/Evening Adhkar, Prayer Duas, Illness, and Forgiveness.

    2.

    Full Transliteration & Meaning: Arabic text, Bengali translation, English translation, and verified Hadith references.

  • 99 Names of Allah
    1.

    Asma-ul-Husna: All 99 divine names with Arabic typography, transliteration, Bengali/English meanings, and spiritual reflections.

    2.

    Audio Recitation: Listen to individual pronunciations of each divine name.

  • Offline Bookmarks & Highlights
    1.

    Save Favorites: Bookmark any ayah instantly with one click.

    2.

    Local Storage Persistence: Fast, offline access without requiring login or account registration.

  • Modern UI / Dark Mode
    1.

    Built with dark and light theme support using next-themes.

    2.

    Sleek glassmorphism effects, smooth micro-animations, and full mobile optimization.

Like What You See?

Let's build something amazing together.

Start a Project