App Generator - Build React Web Apps in no-time

Hello Coder,

Thank you for landing on this page. This article explains how to use the visual App Generator provided by the AppSeed platform. The service can be used without an account and the links for the generated is sent via email.

The generated React Web Applications are generated using a two-tier architecture, where the React UI is decoupled from the backend.

How to use the Generator

The user has the freedom to combine the React UI with a Laravel, Flask or Express backend. All generated React web apps, share a common set of features:

  • Two-Tier architecture
  • JWT authentication flow (login and register)
  • Database, ORM and a short list with helpers
  • Basic tooling and scripts to manage the app build and deploy.

The UI is crafted by Creative-Tim ( React Material Kit ) and based on the permissive license provided by this web agency, the generated React App will be provided under the same license (MIT).

At the moment this article is published for the first time, the App Generator provides the code on top of a singe UI kit, but in the future we plan to let users suggest a UI kit and get the usable code on email or saved in a repository system.

In order to use the generator, any user, event without an account can generate a usable React Web App equipped with JWT authentication, Sqlite database, ORM by with a few clicks:

  • User selects the UI kit
  • Specify the preferred API backend: Flask (Python), Laravel (Php) or Express
  • Confirm the build

After the action is confirmed, the platform bundles the app, run a minimum set of tests and require the email (if the user is not registered) to send the source code.

Step #1 - select the UI and the backend API

AppSeed App Generator - React App, select the Backend.

Step #2 - The platform generate the code and provide a link to the app DEMO

AppSeed App Generator - React App, Build complete.

Step #3 - The user can visualize the LIVE Demo for the generated React Web App and get the code via email, in case is not registered. If the user is registered, the new build will be listed on his dashboard.

In a similar way, the AppSeed platform can generate Vue.js apps, Python applications or simple JAMstack apps.

Compared to other app generators (Gatsby, Quasar, DivJoy), AppSeed provides integrated UI in a multitude of technologies: Vue, React, Flask, JAMstack.

How the app generation process works

AppSeed is able to generate the apps in different patterns and technologies using two big steps:

  • Phase #1 - The UI integration phase - during this the UI is analyzed and parsed using a state-of-the-art HTML parser. The flat HTML files are transformed into production-ready layouts for various template engines (PUG, Jinja, Blade)
  • Phase #2 - The processed UI is injected into pre-built boilerplate code equipped with a basic set of modules: JWT authentication, database, ORM

The result: generated fully-coded apps, in different technologies and patterns.

Where to go from here

Thank you!

Show Comments

Get the latest posts delivered right to your inbox.