Build

Build the mobile app for your Norsani website.

Step 1: Create Firebase project and apps

Create a Firebase project

  1. In the Firebase console, click Add project, then select or enter a Project name.

  2. Follow the remaining setup steps, then click Create project.

After you have a Firebase project, you can add your Android and IOS apps to it.

Adding the Android app

  1. In the center of the Firebase console's project overview page, click the Android icon to launch the setup workflow.

  2. Enter your app's application ID in the Android package name field. This package name will be used when we build the android app for you and in your Google app store console. Please add a name like example ID: com.yourcompany.yourappname Please make sure this is a new ID that you have never used before on any of your apps.

  3. Click Register app.

  4. Click Download google-services.json to obtain your Firebase Android config file (google-services.json). Save this file on your device as you will be sending it to us.

  5. You can skip the remaining steps as we have already taken them, so just click Next, Next and Finish to create the app.

Adding the IOS app

  1. In the center of the Firebase console's project overview page, click the iOS icon to launch the setup workflow.

  2. Enter your app's bundle ID in the iOS bundle ID field. Please type the same name you used for your Android package name. Please make sure this is a new ID that you have never used before on any of your apps.

  3. Click Register app.

  4. Click Download GoogleService-Info.plist to obtain your Firebase iOS config file (GoogleService-Info.plist). Save this file on your device as you will be sending it to us.

  5. You can skip the remaining steps as we have already taken them, so just click Next, Next and Finish to create the app.

Step 2: Preparing your App Icon and Lunch Screen images

Lunch screen image:

The lunch screen will appear on both Android and IOS apps for a very short time, just while the apps load. So instead of showing a white screen to the user we recommend to show your brand/business logo.

Please prepare your app lunch screen image in .png format. The size is up to you but we recommend a logo image with no more than 130 pixel width.

Apps Icon:

The app icon should be a text free image of your brand/business logo. Please prepare your app icon images with the following specs:

  • Android:

    You should create two .png images of each size one normal and one rounded. The normal should be named ic_launcher.png and the rounded should be named ic_launcher_round.png

    • 72 X 72 px.

    • 48 X 48 px.

    • 96 X 96 px.

    • 144 X 144 px.

    • 192 X 192 px.

  • IOS

    You should create one .png image without any transparency backgrounds.

    • 40 X 40 px.

    • 58 X 58 px.

    • 60 X 60 px

    • 87 X 87 px.

    • 80 X 80 px.

    • 120 X 120 px.

    • 180 X 180 px.

    • 1024 X 1024 px.

Step 3: Preparing the app config file

Please download and fill the app config file. (Right click -> Save link as)

Step 4: Send us the build request email

Finally, you will send us a build request email to support@mahmudhamid.com (double check the email address before sending) with the following attachments:

  1. google-services.json and GoogleService-Info.plist files you got from the first step.

  2. App icon images zipped in one file.

  3. The app config file.

Also please remember that these mobile apps are free open source applications and not a part of your purchase for Norsani on codecanyon.net. We proved this build service for free to all clients who have purchased Norsani so please do not forget to include your purchase code from codecanyon.net in this build request email.

After we receive all the information above, the build process will take upto 48 hours, sometimes more. At the end you will receive a react native source code app including:

  1. IOS app source code that can be uploaded to the app store from xcode. If you do not have an Apple device and cannot run xcode you can provide us with the login details to your Apple developer account in the app config file and we will upload it for you.

  2. Android app source code with release apk files that can be directly uploaded to the Google App store.

  3. The app javascript files.

After you receive your apps source code and you wish to make some customization you must hire a React Native Developer. It is easy to do that with websites like upwork.com

PreviousBuild RequirementsNextNorsani API

Last updated