Turn your website / html into a mobile App for Android and iOS

Stage 1 - Set the general details of your App

1. Set the source of your App
   The source of your App can be an online website (URL) or HTML / JS / CSS files under a zip file.
   
   HTML Files

   Make sure the HTML/CSS/JS files are under the main directory of the ZIP file, while the index.html file is the entry point of your App.

   Please note that HTML App (with JS and CSS) that can be run locally should work fine inside the webview of your App. Server-side technologies and languages, such as PHP (or MYSQL) will not work.
   You can use the Simulator in order to review the estimated look of your App in the device. Currently the simulator works with Online URLs only.
   
2. Set the App details
   
   
   
   • Give your App a name.
   • Set the Major Version and the Minor Version of your App.
   • Describe the App.
   • Set your company / organization name.
   • Set the package name.
The package name should be a unique name to identify a specific App. e.g. com.yourcompany.appname
The App Maker will create the package name automatically from the App Name field and the Company Name field.
Please Note: If your App uses the Firebase services, please make sure that the package name of the Firebase App and the package name of your App are the same. If you will not set the Firebase Package name as the Package name of your App, the App Maker will change the Package name of your App to the Package name of the Firebase App automatically.

1. Set the icon of your App.
   Click on the Set Icon link in order to Upload the icon of your App. The system will generate the relevant icons and fit them to the right resolutions according to the Android and iOS requirements.
   Only 512x512, 256x256, 128x128 64x64 PNG icon files are allowed (higher is better).
   You can find great icons at:
   https://www.flaticon.com/
2. Set the Certification / Ownership of your App (Optional).
   A public-key certificate, also known as a digital certificate or an identity certificate, contains the public key of a public/private key pair, as well as some other metadata identifying the owner of your App (for example, name and location).
   The Auto-Fill button will automatically fill the relevant fields for your App.
   The system will use the Auto-Fill functionality when you are creating a new App so you do not have to deal with these fields, but if you still want to set other details, you can fill those fields as you wish.
   You can set the defaults values of those fields in the Settings->Defaults, so each time you are creating a new App those fields will filled up automatically.
3. Set the Splash Screen
   The splash screen is the entry point of your App. You can set it as a Default, Image and None.
4. Set the Firebase
   The Google Firebase allows you to push notifications (Firebase Cloud Messaging) to your App users and get the the usage statistics (Firebase Analytics) of your App. Tutorial
5. Set the AdMob
   The Google AdMob is a mobile advertising platform that you can use to generate revenue from your app. your App. Tutorial
6. Settings
   The Settings allows you to set the look and the behavior of your App, such as the screen orientation, the behavior of the webview and more. You can hover the question mark near to the selected setting in order to get more details about the option.

Stage 2 - Set the mode and build your App

1. Set the mode of your App.
   You can create a free app or a dedicated App. Here are the main points for each mode:
   • Free App
     Android App (APK file) under released mode with our advertisement for free usage.
   • Dedicated App
     Your own dedicated, white label and branded Mobile App for Android and iOS* with all the premium features and the source code for free or commercial usage.
2. Compile and create your App.
   Click on the Make App button.
   
   
   The App Maker will display a window with the building progress of your App. Please wait a while, this process may take up to 1-2 minute.
   
   
   

Your App is ready.

---

• Getting Started with Firebase Notifications on iOS - Firecasts
• Implementing Push Notifications on iOS with Firebase | AppCoda
• Firebase Push notification | Swift tutorial - developerfly - Medium
• Apple Developer Program
• Apple Account Management
• Firebase for iOS Docs
• Create your own App