Skip to main content

Command Palette

Search for a command to run...

About the Quran Mushaf Project

About the Quran Page Viewer

The Quran Page Viewer is a lightweight, user-friendly web application designed to let users explore the Quran page-by-page. It fetches authentic Quranic text and Surah details dynamically from the AlQuran Cloud API.

Key Features

  • Navigate through all 604 Quran pages with Next/Previous buttons

  • Jump directly to any page number

  • View detailed Surah info including name, translation, revelation type, and total ayahs

  • Display Juz and Hizb details per page

  • Beautiful Arabic Uthmani script styling with custom fonts

  • Responsive design for desktops and mobile devices

Technologies Used

  • Vanilla JavaScript (MVC pattern)

  • HTML5 & CSS3 with Google Fonts for Arabic typography

  • AlQuran Cloud API for Quranic text and metadata

  • Hosted on Netlify for live access

Purpose

This project aims to provide an accessible, elegant Quran reading experience on the web, combining dynamic data fetching with traditional Quranic script styling. It is open source and welcomes contributions and feedback.