Be Muslim - ChatGPT Open AI Android and iOS App

Be Muslim is a complete Android and iOS App of Prayer Time | Dua and Tasbeeh Counter | Sahari and Iftar Time | Qibla Finder. The best Be Muslim app to remain a proud and respectful Muslim and maintain your connection with Allah! Salah times are prayer times when Muslims perform salah. The term is primarily used for the five daily prayers including the Friday prayer, which takes the place of the Dhuhr prayer and must be performed in a group of worshippers. Muslims believe the salah times were taught by Allah to Muhammad. Tasbeeh Counter is a digital tasbih app to help all Muslims to do dhikr anytime. This zikr counter and tasbeeh counting app is a full-featured Ramadan Muslims app including Ramadan Dua. A Qibla compass or qiblah compass is a modified compass used by Muslims to indicate the direction to face to perform prayers. If you want this type of Islamic mobile app. So it is perfect for you. It has also Google AdMob included, which is help to passive income. Get this software license for entrepreneurs and start-ups. Our main goal is to provide software to entrepreneurs at a low cost.

Setup Environment

Android Studio/VS Code: To customised this project you should have Flutter and Dart installed and configured effectively on your device Install Flutter Set up your editor Install the Flutter and Dart Plugins.
Java (JDK): Install java jdk version - 11(LTS) according to your os system.
Dart (SDK): Install the latest stable version of Dart SDK >=2.19.4 - 3.0.0
Flutter (SDK): To configure this project you have to install flutter - 3.7.7

Unzip the flies folder and open it. There have source code name as Be Muslim-app, then use your preferred IDE (Android Studio / Visual Code / IntelliJ) to open the project.

Please run this command:

                                flutter pub get

Setup Firebase

Follow the below steps to add your flutter app to firebase: We are going to add our flutter app to firebase using Firebase CLI but Firebase CLI needs node js to work on the operating system.

Install on windows:
First, you need to download the Windows Installer (.msi) file from the official Node.js website. This MSI installer database carries a collection of installer files essential to install, update, or modify the existing Node.js version.
Notably, the installer also carries the Node.js package manager (npm) within it. It means you don’t need to install the npm separately.
When downloading, select the correct version as per your operating system. For example, if you’re using a 64-bit operating system, download the 64-bit version, and if you’re using the 32-bit version, download the 32-bit version:

Begin the Installation Process
Once you open and run the .msi file, the installation process begins. But you have to set a few parameters before running the installation process.
Double-click on the installer file and run it. The installer will ask you to accept the Node.js license agreement. To move forward, check the “I accept” box and click Next:

Then, select the destination where you want to install Node.js. If you don’t want to change the directory, go with the Windows default location and click the Next button again.

The next screen will show you custom setup options. If you want a standard installation with the Node.js default features, click the Next button. Otherwise, you can select your specific elements from the icons in the tree before clicking Next:

Node.js offers you options to install tools for native modules. If you’re interested in these, click the checkbox to mark your preferences, or click Next to move forward with the default:

Run Node.js Installation on Windows
Lastly — and this is the easiest part of all — click the Install button to begin the installation process:

The system will complete the installation within a few seconds or minutes and show you a success message. Click on the Finish button to close the Node.js installer.

Verify Node.js Installation
So the installation process is completed. Now, you have to check whether Node.js is successfully installed or not.
To verify the installation and confirm whether the correct version was installed, open your PC’s command prompt and enter the following command:
Node - - version
And to check the npm version, run this command:
Npm - - version

Installing FlutterFire CLI

You need to install the Firebase CLI because the FlutterFire CLI depends on it. Run the command below in the command line to install the Firebase CLI tool on your computer.

Run: npm install -g firebase-tools

To run this command, you need to have Node.js installed on your computer

Firebase Configuration

Configuration Step:

Go to Firebase Console. and login with your Gmail account.
Create a project using the screenshot bellow
On the welcome screen, click the Create a project button. A new modal will appear. Insert your project name, read & accept firebase terms and click Continue.

In the next step, you’ll be asked if you want to set up Google Analytics. You can skip this part just uncheck the option and Click Continue.

Upon successful creation, click Continue. You get redirected to your project’s console dashboard

Add your flutter project to your firebase Follow the steps below:

Then log in to Firebase using Firebase CLI the steps below:

Run: firebase login

From any directory, run: dart pub global activate flutterfire_cli

Then, at the root of your Flutter project directory,

run: flutterfire configure --project=test-project-5607f

Make sure you have selected the right project name.

The next step is to select the platforms FlutterFire should configure for. (Use the arrow keys to make your selections and the space key to select or deselect platforms.) if there is any configuration is already exists press y to accept. After the configuration is completed successfully, a firebase_options.dart file is generated along with some .json files. The output should look similar to the image below.

You can also check your Firebase console to confirm that the project was created and configurations were done for all the platforms you specified.

Install on mac:
Installing Node.js on macOS follows almost the same procedure as Windows. All you have to do is to download the installation file for Mac. Then, as soon as you start it up, the installer will walk you through the rest.
Firstly, download the macOS installer (.pkg) file from the Node.js website. There’s only a 64-bit version, so you don’t have to worry about which to download.

Begin Node.js Installation on macOS
Check your Download folder for the installer file and click on it to start the installation process.
The Node.js installer carries the Node.js core file, and, consequently, the installation process installs both Node.js and npm from the installer file. Therefore, you don’t need to install npm separately.
Then, click Continue to move forward with the installation.

You must agree to the terms of usage to install Node.js. Read through it before clicking the Agree button to continue if you’d like to explore the license agreement.

At this screen, you need to select the installation location. Usually, the OS determines a default installation location. If you have other requirements, you can change the location. Otherwise, keep the default location.

Run Node.js Installation on macOS
Until now, you’ve set all the preferences that are needed to install Node.js on macOS fully. Now click on the Install button to finish things up.

After a successful installation process, the system will show you a confirmation message. As npm is integrated within the Node.js installer, the notification should indicate proof of npm installation too.
Finally, click on the Close button to close the dialogue box.

Verify Node.js Installation
So the installation process is completed. Now, you have to check whether Node.js is successfully installed or not.
To verify the installation and confirm whether the correct version was installed, open your PC’s command prompt and enter the following command:
Node - - version
And to check the npm version, run this command:
Npm - - version

Installing FlutterFire CLI

You need to install the Firebase CLI because the FlutterFire CLI depends on it. Run the command below in the command line to install the Firebase CLI tool on your computer.

Run: npm install -g firebase-tools

To run this command, you need to have Node.js installed on your computer

Firebase Configuration

Configuration Step:

Go to Firebase Console. and login with your Gmail account.
Create a project using the screenshot bellow
On the welcome screen, click the Create a project button. A new modal will appear. Insert your project name, read & accept firebase terms and click Continue.

In the next step, you’ll be asked if you want to set up Google Analytics. You can skip this part just uncheck the option and Click Continue.

Upon successful creation, click Continue. You get redirected to your project’s console dashboard

Add your flutter project to your firebase Follow the steps below:

Then log in to Firebase using Firebase CLI the steps below:

Run: firebase login

From any directory, run: dart pub global activate flutterfire_cli

Then, at the root of your Flutter project directory,

run: flutterfire configure --project=test-project-5607f

Make sure you have selected the right project name.

You can also check your Firebase console to confirm that the project was created and configurations were done for all the platforms you specified.

Install on Linux:
The Linux operating system works a bit differently than the other traditional operating systems. That’s because Linux is open-source, offering you more freedom, customization, and advanced functionalities.
If you’re casual with commands, you should feel comfortable with Linux. Here, we are about to discuss the easiest method of installing Node.js on the Linux operating system.
Choose the Node.js Version for Your Linux Distribution
The Linux operating system has hundreds of different distributions because of the diversity it provides. And users love to customize and harness different versions’ specific functionalities using distinct distributions.
Firstly, find the installation instruction for your specific distribution from Node.js’s Binary Distributions page. For this guide, we’ll be using Ubuntu for illustration purposes.

Install the Curl Command-Line Tool
Before going for Node.js installation, ensure that you have the curl command-line utility installed on your system. If not, then paste this command on your terminal to install curl:
Sudo apt install curl
It may ask for your system password to verify the permission of the installation. Once you input the password, the system should begin the curl installation.

Start Node.js Installation
You need to copy and paste the Node.js installation command into your terminal (in our case, we can grab it from the Ubuntu distribution page) so that the system can begin the Node.js installation.
Every Node.js version has a different installation command. Install whichever version of Node.js matches your Linux setup. For instance, here, we’ll be installing Node.js v14.x. These are the installation commands for Ubuntu:
curl -fsSL https://deb.nodesource.com/setup_14.x | sudo -E bash -
sudo apt-get install -y nodejs
As you already have the curl command line installed on your terminal, you’ll need to copy and paste the first command (the curl command) on your terminal and run it.

The curl command begins the Node.js installation process, updates your system, and downloads all Node.js libraries required to install Node.js on your Linux OS.

Now, all the libraries and resources of Node.js have been downloaded to your PC. With one final command, we can finish installing Node.js and npm on your computer.
Copy and paste the second line of command from the installation instructions above into your Linux terminal:
sudo apt-get install -y nodejs

If you’ve done everything correctly, Node.js will install correctly on your Linux distribution. Now input the Clear command to clear the terminal.

Verify Node.js Installation
So the installation process is completed. Now, you have to check whether Node.js is successfully installed or not.
To verify the installation and confirm whether the correct version was installed, open the terminal and enter the following command:
Node - - version
And to check the npm version, run this command:
npm - - version

Installing FlutterFire CLI

You need to install the Firebase CLI because the FlutterFire CLI depends on it. Run the command below in the command line to install the Firebase CLI tool on your computer.

Run: npm install -g firebase-tools

To run this command, you need to have Node.js installed on your computer

Firebase Configuration

Configuration Step:

Go to Firebase Console. and login with your Gmail account.
Create a project using the screenshot bellow
On the welcome screen, click the Create a project button. A new modal will appear. Insert your project name, read & accept firebase terms and click Continue.

In the next step, you’ll be asked if you want to set up Google Analytics. You can skip this part just uncheck the option and Click Continue.

Upon successful creation, click Continue. You get redirected to your project’s console dashboard

Add your flutter project to your firebase Follow the steps below:

Then log in to Firebase using Firebase CLI the steps below:

Run: firebase login

From any directory, run: dart pub global activate flutterfire_cli

Then, at the root of your Flutter project directory,

run: flutterfire configure --project=test-project-5607f

Make sure you have selected the right project name.

You can also check your Firebase console to confirm that the project was created and configurations were done for all the platforms you specified.

Setup App

App Name Change: Go to /lib/utils/strings.dart file and replace with own information, which you want to update.

Logo/Icon Change: Go to /assets/ file and replace all image assets with keep the file name same.

Setup Radio URL: Go to Firebase Console and Open Firestore Database, then click on +Start Collection and make Collection ID name as "radio" and click on Next button.

Final result will look like that,

Package Name and App Laucnher Name-Icon Change: Go to /pubspec.yml/ file and put your luncher icon path and app name.

Please run all command:

                                        flutter pub get
                                        

                                        flutter pub run flutter_app_name

                                        flutter pub run flutter_launcher_icons

                                        flutter pub run change_app_package_name:main com.new.package.name

Please try to use real device for installing app, sometimes it's not run emulator/simulator

Setup Admob

Go to Google AdMob and login with your Gmail account.
Create your admob project for Android and iOS both apps and collect app id, banner id and interstitial id.
Then open AndroidManifest.xml file and replace the app id according to your AdMob App ID.

Then open info.plist file and replace the app id according to your AdMob App ID.

And change with your real AdMob Ad ID

Setup Payment Gateway

Paypal Payment Setup: Go to /lib/screens/payment_method/paypal_services.dart file and replace with own information "clientId and secret".

Build & Run:

Run the Android Application:

In the target selector, select an Android device for running the app. If none are listed as available, select Tools> Android > AVD Manager and create one there. For details, see Managing AVDs. Click the run icon in the toolbar, or invoke the menu item Run > Run. Locate the main Android Studio toolbar:
If you don't use Android Studio or IntelliJ you can use the command line to run your application using the following command:

                                        flutter run

Run the iOS Application:

The first thing that we require in hand is a test flutter app on our Mac
Before we start testing our flutter app on the iPhone you need to make sure that our phone trusts us as a developer on that device. To do that follow this path go:

                                        Settings > General > Device Management or Profile > (Tap On) Trust “Your Developer Name”

To test or deploy our flutter app to a physical device we first need to enable physical device deployment in Xcode using Apple ID or an Apple Developer account. And we also need to set up a package manager to manage flutter plugins that are to be used in the project.
First, we are going to install a third-party package manager called CocoaPods to manage flutter plugins that our project might depend on. To install and set up cocoapod the below command needs to be executed successfully in the terminal.

                                        $ sudo gem install cocoapods

After we are done with the cocoapod installation we will proceed to locate the Runner.xcworkspace file inside the ios folder in our project directory. Then we need to open this file on the Xcode with a double click. OR write command

                                        $ open ios/Runner.xcworkspace

When it’s done loading we need to make sure we are on the Runner file which is listed first on the left menu bar.

After that, we need to be inside the Signing & Capabilities page. In this page we will click on the button which says ‘Add an Account’.

And add your Apple ID, put your password and select your account.

Now, go back to the General tab and change the Bundle Identifier to something unique. (In place of “example” put something else).

So, if you haven’t already connected your iPhone you will see “No device” in the search bar shown below.

Go ahead and connect your phone with the PC and when it’s done you will see a phone icon in place of “No device”. Select your phone which will take a few seconds to load.

And once that is done you need to press the play button on the left menu bar, which will start building the app on the iPhone

This process will take some time and once it’s done you will see a message appear that says the build process was completed successfully.

Install And Release Android App:

Here is your section structure.

After you make all your changes and customizations save all your project, Open the console, navigate to your project folder and execute the following command to build your app:

                                        flutter build apk --release

If you are deploying the app to the Play Store, it's recommended to use app bundles or split the APK to reduce the APK size.

Build and Install App:

To generate an app bundle, run:

                                        flutter build appbundle --target-platform android-arm,android-arm64,android-x64

Learn more on https://developer.android.com/guide/app-bundle

To split the APKs per ABI, run:

                                        flutter build apk --target-platform android-arm,android-arm64,android-x64 --split-per-abi

Learn more on https://developer.android.com/studio/build/configure-apk-splits#confi

If you want to upload your application on Google Play you must sign it before uploading, generate a signing key by running the following command:

                                        keytool -genkey -v -keystore android/app/key.jks -keyalg RSA -keysize 2048 -validity 10000 -alias key

Reference the keystore from the app: Create a file named appdir/android/key.properties that contains a reference to your keystore:

                                        storePassword=password from previous step 

                                        keyPassword=password from previous step 

                                        keyAlias=key 

                                        storeFile=location of the key store file, e.g. /Users/user name/key.jks

Go to android/app/build.gradle

                                        def keystorePropertiesFile = rootProject.file("key.properties")
def keystoreProperties = new Properties()
keystoreProperties.load(new FileInputStream(keystorePropertiesFile))
                                        

                                        
                                            signingConfigs { 

                                              release { 

                                                keyAlias keystoreProperties['keyAlias'] 

                                                keyPassword keystoreProperties['keyPassword'] 

                                                storeFile file(keystoreProperties['storeFile']) 

                                                storePassword keystoreProperties['storePassword'] 

                                              } 

                                            }
                                            buildTypes { 

                                              release { 

                                               signingConfig signingConfigs.release 

                                              } 

                                            }

Learn More: Build and release an Android app
After approved android app on PlayStore, go to inside app console Setup>App Integrity>App Signing and copy SHA-1 certificate fingerprint & SHA-256 certificate fingerprint, then paste it on firebase project and click on Save button

Install And Release iOS App:

Before you can build and release your app on the App Store, you need to set up a place for it using App Store Connect. But first, you need to register a unique bundle ID for your app. This can be done by logging into your Apple Developer account and following these steps:

Login to AppStore Conscole Account Click Here
Open the App IDs page.
Click + to create a new Bundle ID.
Fill out the needed information: App Name, and Explicit App ID.
If your app needs specific services, select them and click Continue.
Review the details and click Register to finish.
Then go to account dashboard Select My Apps.
Click + then select New App.
Fill in your app details and make sure iOS is selected, then click Create.
From the sidebar, select App Information.
In the General Information section, select the Bundle ID that you registered above.

You’ve set everything up from Apple’s side, and next you’ll adjust your Xcode project’s settings to prepare your app for release. Go ahead and fire up Xcode.

Open Runner.xcworkspace that is inside your app’s iOS folder.
From the Xcode project navigator, select the Runner project.
Go to the General tab.
In the Identity section, fill out the information and make sure the Bundle Identifier is the one registered on App Store Connect.
In the Signing section, make sure Automatically manage signing is checked and select your team
Fill out the rest of the information as needed.
Next, you’ll update your app’s icon. This can be done by selecting Assets.xcassets in the Runner folder from Xcode’s project navigator.

At this point, all the settings have been updated for release and there is a placeholder ready on App Store Connect, which means you can build and release.

From the command line, run flutter build ios
Then go back to Xcode and reopen Runner.xcworkspace
Select Product -> Scheme -> Runner
Select Product -> Destination -> Generic iOS Device.
Select Product -> Archive to produce a build archive.
From the Xcode Organizer window, select your iOS app from the sidebar, then select the build archive you just produced.
Click the Validate… button to build.
Once the archive is successfully validated, click Upload to App Store

Back on App Store Connect, check the status of your build from the Activities tab. Once it’s ready to release:

Go to Pricing and Availability and fill out the required information.
From the sidebar, select the status.
Select Prepare for Submission and complete all required fields.
Click Submit for Review
Learn More: Build and release an iOS app

That’s it! Your app will now be uploaded to the App Store. Apple will review your app before releasing and keep you updated on the status of your app.

After uploading ios app on AppStore, go to inside app console App Information>Apple ID and copy, then paste it on firebase project

Support

Once again, thank you so much for purchasing this app. As I said at the beginning, I'd be glad to help you if you have any questions relating to this app. Just let us know, We will assist you. Contact us at support center.

Email Us : [email protected]

[N.B. For this project, you have to follow our documentation where we noted the requirements. if you face any kind of problems or fail to configure this project, then we are not responsible for this situation. after that, if you want to configure this project by us then you will have to pay for that installation charge. Thank You.]