Skip to content

H4fif/quran-mobile-app

Repository files navigation

UI/UX Design

Inspired by https://www.figma.com/community/file/966921639679380402

STACKS

Android / iOS

  • React Native

API

FEATURES

View Surahs

  • view list of surahs [DONE]
  • filter surah by:
    • surah name in english [DONE]
    • surah name in arabic [DONE]
    • surah name from english translation [DONE]
    • surah number [DONE]
    • total verse [DONE]
    • revelation type [DONE]

View Juzs

  • view list of available juzs [DONE]
  • view in ayahs / surah detail [PENDING]
  • filter juz by:
    • surah name in english [DONE]
    • surah name in arabic [DONE]
    • surah name from english translation [DONE]
    • surah number [DONE]
    • total verse [DONE]
    • revelation type [DONE]
    • juz number [DONE]
    • the beginning of the verse on the juz [DONE]

View Ayahs per Surah with translation

  • view list of ayahs [DONE]
  • filter (local):
    • by translation [DONE]
    • by ayah number [DONE]
  • pagination / lazy load [DONE]
  • playable audio stream [PENDING]
  • add to bookmark [PENDING]

View prayer times

  • view with gps location detection [PENDING]

Manage bookmarks collection

  • View saved collections of bookmarks [PENDING]
  • Sort [PENDING]
  • Filter list [PENDING]
  • Deep link [PENDING]
  • Delete Bookmark [PENDING]
  • Delete Collection [PENDING]
  • Edit Collection Name [PENDING]

Downloads

There are several files that you can download without the project folder

Final Result