Global Quran mobile app

This is Quran mobile app using GlobalQuran API service.

List of Features

• Display splash page

• List of surah

• List class

  • Api call to fetch list, if not already fetched
  • List of Quran
  • List of translation
  • List of Recitors
  • selected list items for each one of them
  • refactor list by Observables

• Quran data ayahs class to support selected

• show list of ayahs based on the selected Quran or Translation

  • Show content which is on scroll only, else it will consume memory and loading of app, because of rendering
  • Pull new selected Quran or Translation, if not already in the array
  • Data content bind with required parsers functions - dynamic, so more data can easily be added on it.

• Settings page

  • Change Quran text format
  • change translations
  • change transliteration
  • change recitor
  • save selected changes in localstorage

• Player

  • Settings select recitor
  • Support multiple recitors

• Designs

  • design new mobile & table design
  • css new design to ionic version
  • check if it works fine with tablet
  • implement new design on the system

• Search Quran

Build with

• Angular 2
• ionic 2
• TypeScript
• RxJS

Usage

• Clone or fork this repository
• Make sure you have node.js installed
• install ionic npm install -g ionic@beta (to install ionic 2)
• run npm install to install dependencies
• run ionic serve to fire up dev server - this will open app in the browser

Test on IOS Simulator

ionic emulate -ls ios --target="iPhone-5s, 9.1"

if you getting error with 9.1, you can check available devices with following command

ios-sim showdevicetypes