This Quran application uses only HTML and Javascript.
It uses AJAX which might not work from "file" schema, to make run it run basic Python web server from the project root:
python -m http.server
I used to files format: "jpg" for page images, and JSON for the actual data.
- img/{page_num}.jpg: Quran scan of page number "page_num".
- json/suras.json: list of all Quran Sura with number, name, number of ayas.
- json/page_{page_num}.json: For each Quran page we have Aya boundaries.
- json/aya_{sura_num}_{aya_num}.json: For each Aya (using Sura ID + Aya ID as a key) you will have textual representation, and multiple Tafseers (explanation) from different books.