Coder Social home page Coder Social logo

oazabir / quranapp Goto Github PK

View Code? Open in Web Editor NEW
39.0 39.0 23.0 217.24 MB

Quran in original mushaf style with detail meaning of each word

Home Page: http://git.io/alquran

CSS 0.32% HTML 96.13% JavaScript 0.69% SQLPL 0.03% PowerShell 0.01% Java 2.56% Shell 0.03% Batchfile 0.11% PLSQL 0.09% PLpgSQL 0.03%

quranapp's People

Contributors

mohammad-haque avatar oazabir avatar shumin avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar

quranapp's Issues

Settings panel

Introduce settings panel:

  1. Turn on off English, Bangla, Indonesia etc languages.
  2. Choose the default translations to show on hover.

Lighter mobile framework

Using jquery mobile was a bad call. It is too large, too slow. We need to move to some lightweight library like zepto or something else that has no jQuery dependency.
Also need to remove jQuery. it is too large as well.

Possible alternatives:
http://minifiedjs.com/
http://zeptojs.com/

Anyone want to pick up this refactoring?

Would love to share your content with the word-by-word

Salam Omar,

This is awesome mashallah!!! We should combine forces and help us out with Quran.com https://github.com/quran/quran.com-frontend we can definitely use your talent!

Wanted to ask you for a small favor. We are providing an API and currently have word-by-word translation but missing transliteration. Would you mind sharing your content and/or leading us to where you gathered the word-by-word transliteration? We can definitely find huge use for it and the Muslim Ummah in general.

Thank you!

Grammar on each word

Show grammar breakdown of each word just like the way corpus.quran.com does.
Show verb conjugation on verbs. Show all Form I to X.

Total Design Crash on ZOOM

If start the page with zoomed in, and zoom out, it will return in the design beeing totally broken.
Google Chrome Version 44.0.2403.130 m

Recitation player

Integrate a nice recitation player which can play verse by verse. Allow continuous play or one verse loop. See Bayan Quran app's player for inspiration. They have a beautiful player.

image

Bookmark page, ayah, word.

Bookmark and store notes against a page, ayah or word. Make it easy to store vocabulary for frequent review and memorization.

Pre-cache 10 page content at a time

When a page is viewed, pre-cache another 10 page behind the scene by dynamically loading manifest files which has content for the next 10 pages inside iframe.

Offline mode

Download all pages content for full offline browsing

UI Improvements

Assalamu Alaikum, @oazabir I was wondering if I created you a new UI for the Quran app would you implement it into the app. Here is a concept I did

quran app design

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.