Create First App

After signing in to the app, you will see empty dashboard screen. There you can see how many apps you have and direct link to the apps, builds, processes. Click the "App" menu in side to see list of apps as also add new app.


Click the red "+" button to add new app.


Then you will see the forms, You have to fill only "title". Try to input "Todo list" as app name.


New empty app is created. Click the Todo List app to build models.


Click ”Add new model".


fill the forms type "todo" in name, "Todo" in label.


Now you can see "Todo" model in left side, click "Todo" then click "Add new param". Here we will add "task", "duedate", "description" as params for "todo" model


Fill the forms for "task" param.


Then add "duedate" ( type date) and "description" ( type Textarea).

Build App

Click "Create new build" -> "Start build".


Wait until build is done. In this process, source code of frontend and backend is generated and starts building the frontend in our server. Click "Run" button when build is done.


You will have to wait until server process boots up. Click the "open" button when process boots up.


You will see login screen of generated app. Type "admin" and "password", then you can login to the app.


In sidebar you can see list of models, for each model you can search, add, update and delete rows.


Download source code

When build is done, you can download source code locally and run using Docker. Click "Download" button to get source code.


After unzipping the archive, you can see directoris. Naming of diretory is straight forward so you will understand where is where at a first glance.

You can start docker container by following command
$ docker-compose up -d
To close docker container type following command
$ docker-compose down

Open the directory with your favorite editor, then you can start development. You have frontend ( React, Webpack) and backend ( nodejs ) in one place.


Forms

String


String is normal textbox. You can set validations following.
  • Required
  • Unique
  • Max length
  • Min length

Integer


Integer is textbox where you can put only numbers.

Textbox


Textbox is for string but longer length.

Date


Date is to put date with calendar UI.

Time


Time is calendar & time UI.

File


File allows to upload file. It is presented as JSON column in mysql table.

File ( multiple )


You can upload multiple files for one paramter. It is presented as JSON column in mysql table.

Image


Image is almost same as file but backend automatically generate thumbnails.

Image ( multiple )


You can upload multiple files for one paramter. For each file backend generates thumbnails.

Select box


You can set static options from backend.plus console. As also, you can define to refer to another modle to show as options for select box.

Select box multiple


This is multiple select version of select box. You can set static options from backend.plus console. As also, you can define to refer to another modle to show as options for select box.

Radio Button

You can set static options from backend.plus console. As also, you can define to refer to another modle to show as options for select box.

Checkbox

You can set static options from backend.plus console. As also, you can define to refer to another modle to show as options for select box.