Skip to content
forked from rayed/Quran

Quran application using HTML and JS only

Notifications You must be signed in to change notification settings

saber13812002/Quran

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

25 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Quran Application

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

It will run on port 8000, you can access using the following URL: http:https://localhost:8000/

Screen Shot

Screen Shot

Demo

http:https://dev.rayed.com/Quran/

Files

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.

About

Quran application using HTML and JS only

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 71.2%
  • HTML 19.3%
  • CSS 9.5%