Noor is a mobile app designed to help in providing a comfortable reading experience for Muslims, by referencing the book "Hisnul Muslim", and some other references.

Overview

Noor App | تطبيق نُور

Overview

Noor is an islamic mobile app, consists of four main pages: home, favorite, alsabha, and settings. The data is structured in Cards that are easy to read, and has some actions that can be performed with the card content. Noor is designed to help in providing a comfortable reading experience for Muslims, by referencing the book "Hisnul Muslim", and some other references.

This project contains the codebase for the Android version that is on Play Store, it can run on iOS as well. Built with Flutter, and Firebase.

App Preview

How to run

Note: the assets were replaced by placeholders, so the version you will run locally is different in look than the version in stores.

1. Firebase Setup

It's important to put your own Firebase service file in order to run the app, as it uses Remote Config and Firebase Messaging.

  1. Create a new Firebase project.
  2. Add a new Android or iOS app, depending on which device you want to use, and follow the configuration steps to connect Noor to your Firebase project.
  3. Go to Remote Config page.
  4. Add a new parameter with name noorThker, with any value of your choice.
  5. Go to Cloud Messaging page, and enable it for your project.
  6. (Soon) follow the steps in this repo, which contains the backend function that will be triggered whenevr you update the Remote Config value from the console.

2. Run

  1. Clone the project:
git clone https://github.com/pr-Mais/noor.git
  1. Get packages:
flutter pub get
  1. Run:
flutter run

Want to contribute?

If you encounter any bug while using the apps in store, or running it locally, please file an issue.
Contribution for enhancments are also welcome! just create a PR, and describe precisly what is your contribution.

For features request, contact us on [email protected]

Credits

Shout out to the amazing designer Shaikha Alqahtani.
The iOS version from Noor was made with native Swift by Maryam Aljamea.

Issues
  • RemoteConfig isn't being fetched on iOS simulator

    RemoteConfig isn't being fetched on iOS simulator

    Describe the bug Once the app starts on iOS, it fails to fetch the remote config value in Home with following log:

    flutter: [firebase_remote_config/internal] internal remote config fetch error
    #0      StandardMethodCodec.decodeEnvelope
    package:flutter/…/services/message_codecs.dart:597
    #1      MethodChannel._invokeMethod
    package:flutter/…/services/platform_channel.dart:158
    <asynchronous suspension>
    #2      MethodChannelFirebaseRemoteConfig.fetchAndActivate
    package:firebase_remote_config_platform_interface/…/method_channel/method_channel_firebase_remote_config.dart:145
    <asynchronous suspension>
    #3      RemoteConfig.fetchAndActivate
    package:firebase_remote_config/src/remote_config.dart:86
    <asynchronous suspension>
    #4      RemoteConfigService.fetchNoorRC
    package:noor/services/remote_config.dart:31
    <asynchronous suspension>
    #5      _AnimatedHeaderState._loadRemoteConfig
    package:noor/…/1_home/home.dart:348
    <asynchronous suspension>
    

    To Reproduce

    1. Run the app on iOS

    Phone:

    • Device: iOS simulator
    • OS: iOS 14.5
    • App Version: 2.4.0
    bug 
    opened by pr-Mais 3
  • refactor settings screen

    refactor settings screen

    Refactor settings tab

    @pr-Mais

    opened by ibrahimSam 3
  • Refactor notifications

    Refactor notifications

    Hi, i made two changes in this PR.

    1. Change subtitleWithIcon functional widget to statless widget to make it reusable by another items.
    2. Refactor notifications parts.
    opened by ibrahimSam 1
  • Migrate to Null Safety

    Migrate to Null Safety

    enhancement 
    opened by pr-Mais 0
  • Migrate to null-safety

    Migrate to null-safety

    closes #1

    Major enhancements:

    1. Mainly, migrated to null-safety.
    2. Renamed many components to more descriptive names.
    3. Changed the initialization and DI of DataModel.
    4. Added 80-columns rule.
    5. Separated the single data file into multiple files.
    opened by pr-Mais 0
  • Enhance README and add clear setup steps

    Enhance README and add clear setup steps

    Description:

    1. README file is missing steps to clone and run the project successfully.
    2. Firebase setup needs to link to the backend function used with Remote Config & FCM.
    documentation enhancement 
    opened by pr-Mais 0
  • Rewrite overview in README file

    Rewrite overview in README file

    closes #3

    opened by Maryom 0
  • feature request : azkar reminder

    feature request : azkar reminder "Floating"

    السلام عليكم

    1- Can you add feature of a floating azkar that appear on the screen every interval of time like that in https://play.google.com/store/apps/details?id=com.revanen.athkar .. image ..

    thanks in advance @pr-Mais

    opened by ahmed-tasaly 1
  • Settings tab code is messy and needs refactoring

    Settings tab code is messy and needs refactoring

    Describe the enhancement The settings.dart file.

    Goal To have a shorter, clear readable file. This might include splitting some code and introduce new files.

    enhancement 
    opened by pr-Mais 0
Releases(2.4.0)
Owner
Mais Alheraki
Software engineer, Flutter Google Developer Expert.
Mais Alheraki
I was challenged to create an app with only the Nubank life insurance part and fix some UI issues.

Seguros I was challenged to create an App with only the Nubank life insurance part and fix some UI issues. Flutter This is a Flutter App, designed bas

Caio Moura 15 Aug 3, 2021
A simple app to keep track the time you Learn, Playing, Reading, ... in every week. This is also my attempt to teach myself Flutter & Dart

Progressor 0.0.1 Sometime you want to set a target for you weekly, for example: "Reading Book for 8 hours every week". This app helps you to do that.

Son Nguyen Hoang 3 Aug 8, 2021
FileManager is a wonderful widget that allows you to manage files and folders, pick files and folders, and do a lot more. Designed to feel like part of the Flutter framework.

File Manager FileManager is a wonderful widget that allows you to manage files and folders, pick files and folders, and do a lot more. Designed to fee

Devs On Flutter 28 Nov 12, 2021
A digital BookShelf for your reading progress.

BookSearch a flutter medium series What is this? An open source app which revolves all around books: “Collecting books as you read them, virtually”. I

Norbert Kozsir 471 Nov 15, 2021
A package that lets you include a cool, nice looking and validated Password TextFormField in your app to enhance user experience. The package is fully & easily modifiable.

A package that lets you include a cool, nice looking and validated Password TextFormField in your app to enhance user experience. The package is fully

Muhammad Hamza 17 Sep 14, 2021
The FlexGrid control provides a powerful and quickly way to display data in a tabular format. It is including that frozened column/row,loading more, high performance and better experience in TabBarView/PageView.

flex_grid Language: English| 中文简体 The FlexGrid control provides a powerful and quickly way to display data in a tabular format. It is including that f

FlutterCandies 25 Nov 17, 2021
Nakama is an open-source server designed to power modern games and apps

Nakama is an open-source server designed to power modern games and apps. Features include user accounts, chat, social, matchmaker, realtime multiplayer, and much more.

Allan Nava 17 Jul 12, 2021
An animated flutter UI for E-commerce product variant selection / add to cart developed by nonybrighto and designed by Akram Khalid.

Crate & Barrel - Dark Mobile App Concept Animated An animated flutter UI for E-commerce product variant selection / add to cart developed by nonybrigh

Nony Bright O 45 Nov 8, 2021
Microsoft Teams Clone is a Video conference application with a rich integrated chat experience, to connect with friends,family & colleagues. Developed as a redesign of Microsoft Teams during my menteeship at Microsoft Engage 2021

Microsoft Teams Clone by Karanjot Singh About Microsoft Teams Clone is a Video conference application with a rich integrated chat experience, to conne

Karanjot Singh 49 Nov 29, 2021
A beautiful E-commerce UI application designed by nonybrighto

Grocery Ecommerce App A beautiful flutter UI developed by nonybrighto and designed by Shoaib Mahmud. Overview Screenshots Screenshots from the develop

Nony Bright O 52 Oct 4, 2021
An app built using Flutter that performs conversion of bitcoin price with other currencies and displays it to user.

bitcoin_ticker A new Flutter application. Getting Started This project is a starting point for a Flutter application. A few resources to get you start

dev_allauddin 4 Nov 17, 2021
Multi-platform project built with Flutter and Golang that will help you save what is most important - time.

Articles Time Saver. Save what's most valuable - Time Contribute · Discord · Documentation What is ArTiver? It is an idea that came to my mind, when I

Wiktor Zając 18 Nov 22, 2021
Timy - open source mobile app for groups to communicate and organize themselves. Built with flutter.

Timy app An amazing open-source group messaging app build with flutter. ✨ Main Features Multiple groups (similar to Teams in Slack). Multiple open or

null 1.7k Nov 22, 2021
𝐂𝐨𝐯 𝐀𝐡𝐞𝐚𝐝 is a mobile application to track and create better Covid-19 route maps for both shop owners and customers

Cov Ahead Cov Ahead is a mobile application where shopkeepers have an app that shows QR code and users can scan this QR code which will automatically

Abhijith Kp 3 May 30, 2021
freeCodeCamp's open-source mobile app

freeCodeCamp.org's open-source mobile app freeCodeCamp.org is a friendly community where you can learn to code for free. Our full-stack web developmen

freeCodeCamp.org 63 Nov 19, 2021
een mobile app voor de jaaruitwisseling van RYE

Rotary-NL-RYE een mobile app voor de jaaruitwisseling van RYE API calandar: https://www.googleapis.com/calendar/v3/calendars/[email protected]

Caeli Technologies 6 Nov 16, 2021
Movie Lib is a mobile application where you can find the movies of your interest. This app provides a collection of movies of different languages according to your interest.

Movie Lib Movie Lib is a mobile application where you can find the movies of your interest. This app provides a collection of movies of different lang

Abhijith Kp 6 Sep 28, 2021
Flutter UI Kits for mobile, tablet, desktop and web application

UIKits2 A complete UIs for mobile and tablet, which include 16 categories. Start SignUp & Login Walkthrough Loading Profiles Feed Article Activity Cre

Anuchit Chalothorn 15 Sep 22, 2021
Mobile first Note Taking integrated with Git

Mobile first Markdown Notes integrated with Git This project receives generous infrastructure support from Summary GitJournal is a note taking app foc

GitJournal 1.7k Nov 24, 2021