Build Your Android App with HTML, CSS, JS

In this post, we'll be settings up RearGen to build your first android app with HTML, CSS, and JS.

As you know to become an android developer, first, you have to learn about android studio, java, XML, and Gradle. after that android developers move to any other framework to build apps with more ease and more platform support.

RearGen is a pre-developed framework tool that developers or non-developers can use. It's working with native based backend and the tool made with python. If someone wants to build an android web app to their hosted website. RearGen is the best selection for that. RearGen makes a signed android app to your hosted website with additional features like a no-internet connection window, pull and refresh button, splash screen, etc.

Although, If someone can't host their mobile responsive website, they can develop the app with HTML, CSS, and JS. This feature is called In-app development. You can develop your mobile app with basic HTML, CSS, and JS knowledge. otherwise, you can use third-party CSS and JS library, templates, and any other browser-supported things. Below I listed the main features in RearGen.

Running with native code base backend

Fast and easy

Build less than 5MB app

More customisation

Connection lost window

Pull and refresh facility

No SSL bypass

High quality rendering

Develop with HTML / CSS / JavaScript

Generating support

Live testing

Live installing

Recollecting feature

Full debugging details

External CSS and JavaScript libraries supported

Third party library support

Installation

First, you need to download the latest RearGen release or LTS release from GitHub or clone the repo. After that, install supported JDK 8 or JDK 16 or whatever supported version on your computer. then, follow the Start Development instructions on my GitHub.

These are sample splash and home screens. you can code whatever you want. Also, you can find out this sample RearGen mobile app on Play Store.

Splash Screen	Home Screen

Using custom template or library

To use a custom template, place the template files in the src folder in the RearGen root directory. those instructions you can find out on my RearGen GitHub repository.