- Html To App

1

Upload Your Project

Drag & drop a .zip file of your project or a single .html file.

Click to upload or drag and drop

ZIP or HTML file (max 10MB)

2

These details will be used in your app’s configuration.

3

Select your target platform, then generate the build package.

Android (.apk) iOS (Xcode Project)

4

Your build package has been downloaded! Follow these steps on your computer to create the final app.

You only need to do this once. These are standard, free tools for app development.

Install Node.js: This is a JavaScript runtime that Cordova needs to work. Download and install the “LTS” version from nodejs.org.
Install Android Studio: This is Google’s official tool for Android development. It includes the Android SDK (Software Development Kit) which is essential. Download from the Android Developer site. After installing, run it once to complete the initial setup wizard.
Install Cordova: This is the tool that packages your web code into an app. Open your computer’s command line tool (Terminal on Mac/Linux, Command Prompt or PowerShell on Windows) and run this command:
```
npm install -g cordova
```

Follow these steps each time you want to build your app.

Unzip the Build Package: Find the file you downloaded from this website (e.g., `my-app_build.zip`) and unzip it. You will have a new folder with the same name.
Navigate in Terminal: Open your Terminal or Command Prompt. Use the `cd` (change directory) command to go inside the folder you just unzipped.
Tip: You can drag the folder from your file explorer onto the terminal window to paste its path.
```
cd path/to/your-unzipped-folder
```
Add Android Platform: This command tells Cordova to create the necessary files and structure for an Android project. It may take a minute to download everything.
```
cordova platform add android
```
Build the App: This is the final step. This command compiles your app and generates the `.apk` file.
```
cordova build android
```
Find Your APK: Success! Your installable APK file is located inside your project folder at:
```
platforms/android/app/build/outputs/apk/debug/app-debug.apk
```
You can now copy this file to your Android phone (via USB, Google Drive, etc.) and install it. You may need to enable “Install from unknown sources” in your phone’s settings.

Important: Building an iOS app requires a computer running macOS.

Install Node.js: This is a JavaScript runtime that Cordova needs to work. Download and install the “LTS” version from nodejs.org.
Install Xcode: This is Apple’s official tool for iOS development. It’s a large application. Install it from the Mac App Store. Open it once after installation to agree to the terms and install its components.
Install Cordova: This is the tool that packages your web code. Open the Terminal app on your Mac and run this command:
```
sudo npm install -g cordova
```

Follow these steps each time you want to build your app.

Unzip the Build Package: Find the file you downloaded (e.g., `my-app_build.zip`) and unzip it to create a new folder.
Navigate in Terminal: Open the Terminal app. Use the `cd` (change directory) command to go inside the folder you just unzipped.
Tip: You can drag the folder from Finder onto the Terminal window to paste its path.
```
cd path/to/your-unzipped-folder
```
Add iOS Platform: This command tells Cordova to create the necessary files and structure for an iOS project.
```
cordova platform add ios
```
Build the App: This command prepares your app and makes it ready for Xcode.
```
cordova build ios
```
Open in Xcode: Your project is now ready. Do not run the app from the terminal. Instead, find the Xcode Workspace file inside your project folder at:
```
platforms/ios/YourAppName.xcworkspace
```
Double-click to open this .xcworkspace file (the white icon, not the blue .xcodeproj). In Xcode, you can select an iPhone Simulator from the top bar and press the ‘Play’ button to run your app. To run on a real iPhone, you’ll need a free Apple Developer account.