exss / Quran-2

Quran application using HTML and JS only

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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 SimpleHTTPServer

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

Screen Shot

Screen Shot

Demo

http://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 boundries.
  • json/aya_{sura_num}_{aya_num}.json: For each Aya (using Sura ID + Aya ID as a key) you will have textual repressentation, and multiple Tafseers (explination) from different books.

About

Quran application using HTML and JS only


Languages

Language:JavaScript 81.2%Language:HTML 11.5%Language:CSS 7.3%