The complete Holy Quran โ 114 Surahs, 6,236 Ayahs โ in a beautiful, responsive daily ayah web app with authenticated Arabic text (Uthmani script) and verified English translation (Sahih International).
๐ Live Demo: https://siteq8.github.io/daily-ayah
All Quran text in this app is sourced from authenticated, trusted origins. The Arabic text is never manually typed โ it is fetched from validated API sources.
| Component | Source | Validation |
|---|---|---|
| Arabic Text | Uthmani Script (ุฎุท ุนุซู ุงูู) | King Fahd Complex for Printing the Holy Quran, Madinah |
| English Translation | Sahih International | Authenticated translation reviewed by qualified scholars |
| Data API | AlQuran Cloud API | Open-source Quran API serving the Uthmani edition |
| Surah Metadata | 114 surahs, ayah counts, revelation types | Verified against King Fahd Mushaf (total: 6,236 ayahs) |
| Duas | Quran & Sahih Hadith collections | With source reference (surah/hadith citation) |
The app includes a runtime assertion that validates the total ayah count across all 114 surahs equals exactly 6,236 โ the authenticated count of the Holy Quran.
- ๐ Complete Quran โ All 114 surahs, all 6,236 ayahs accessible
- ๐ Daily Ayah โ Deterministic daily ayah cycling through the entire Quran (one new ayah per day)
- ๐ Surah Browser โ Browse all 114 surahs with search, view complete surah text
- ๐ค Uthmani Script โ Authentic Arabic text using
Amiri Quranfont - ๐ Sahih International โ Verified English translation
- ๐ Dark Mode โ Toggle with localStorage persistence
- ๐ Random Ayah โ Load any random ayah from the entire Quran
- ๐ Copy & Share โ Copy ayah text or use Web Share API
- ๐ก Daily Dua โ Authentic supplications from Quran & Hadith with source citations
- ๐ฑ Fully Responsive โ Desktop, tablet, mobile optimized
- โก Zero Dependencies โ Pure HTML/CSS/JS (API for Quran text)
- โน๏ธ Source Attribution โ Full sources tab with links to Quran.com, AlQuran.cloud, Tanzil.net, QuranEnc.com
- Fork this repository
- Go to Settings โ Pages
- Select source:
mainbranch and/docsfolder - Your site publishes at
https://[username].github.io/daily-ayah/
git clone https://github.com/SiteQ8/daily-ayah.git
cd daily-ayah
open docs/index.htmlNote: The app requires internet connection to fetch Quran text from the AlQuran Cloud API. Surah metadata (names, ayah counts) is embedded for offline browsing.
daily-ayah/
โโโ docs/
โ โโโ index.html # Complete app (HTML + CSS + JS)
โโโ README.md # This file
โโโ LICENSE # MIT License
โโโ SECURITY.md # Security policy
- Daily Ayah: Calculates a deterministic index from today's date, maps it to one of 6,236 ayahs, fetches from API
- Surah Browser: Renders 114 surah cards from embedded metadata, fetches full surah text on demand
- API Source:
api.alquran.cloud/v1โ fetchesquran-uthmani(Arabic) +en.sahih(English) editions - Validation: Console assertion verifies total ayah count = 6,236 on every page load
The app uses the AlQuran Cloud API:
| Endpoint | Purpose |
|---|---|
/v1/ayah/{surah}:{ayah}/editions/quran-uthmani,en.sahih |
Fetch single ayah (Arabic + English) |
/v1/surah/{number}/editions/quran-uthmani,en.sahih |
Fetch complete surah |
The quran-uthmani edition provides the text as printed in the King Fahd Complex Mushaf.
Contributions welcome โ especially:
- ๐ Additional translations (Urdu, French, Turkish, Malay, etc.)
- โฟ Accessibility improvements
- ๐จ Additional themes
- ๐ Audio recitation integration
- ๐ Tafsir (exegesis) overlay
MIT License โ see LICENSE for details.
ุจูุณูู
ู ูฑูููููู ูฑูุฑููุญูู
ููฐูู ูฑูุฑููุญููู
ู
Built by @SiteQ8 โ Ali AlEnezi ๐ฐ๐ผ
"ุฅูููู ู
ูุนู ุงููุนูุณูุฑู ููุณูุฑูุง" โ ุงูุดุฑุญ 94:5