After reading this article you’ll know how to:

Building applications on Betty Blocks doesn't require extensive knowledge of coding. As a builder, you just have to understand the desired outcome and what an average application consists of.

When you first enter the platform environment, you may grapple with questions such as: Where do I begin? What should be the sequence of building? How can I ensure an efficient and user-friendly implementation? How do I ensure the app's security?

While Betty Blocks is mostly user-friendly, transitioning from one stage to the next may sometimes require assistance. No worries, we've got you covered! This article will illustrate a universal approach to building from scratch. We'll progress step-by-step from the fundamental internal authentication functionality (which is readily available) to front-end pages with role-based access control.

What we are going to build here is a small Employee management solution as an example. This application will include the following items:

Let’s start by creating a new application in My Betty Blocks from your organization's environment. Choose the ‘Start from scratch’ option and fill in the name for your application.

After creating the application, open it from the same overview, and get started.

You can start building your application by creating the front-end parts (pages), models, authentication profiles, etc. Here we chose to start with creating a new model. Go to the data model and create a new one with several properties. In our example, we’ve created the Employee model with the added properties: Full name, Department, Email, Introduction, Password, Position, and Profile image.

It's time to look into what the page builder has to offer. By default, you’ll have:

Let’s create a new page based on the back office template. It will contain an overview of all company employees that the user/admin would be able to manage. Go to Pages > New > Back office template.

Our back office is based on the Employee model and has all the properties we’ve added.

This page enables us to create, update, and delete employees. The corresponding actions and the Back office template will be added to your application. Each action has its flow and permissions which you can update if necessary.

Check this video if you want to know how to create these actions yourself:

Add some more pages using templates. The first is the Employee overview page based on the Card and list view template.

Go to Pages > New > Overview, card and list view. It is configured like any other page template. Choose the model and corresponding properties and see in the preview how they would look on the overview page:

Now we will create a home page using the Home page, inspirational template. This is the only public page in this application that will direct an admin/user in the right direction. Go to Pages > New > Home page, inspirational template. Follow the configuration steps.

The home page will be publicly accessible, so we won’t choose any authentication profile for it. To tackle this, set the type of the page to public before pressing Save. You can also do the same after creating the page, by reaching the page settings tab.

After all pages have been created, you have practically endless possibilities to stylize and edit your front end. We won’t go into detail about designing pages and UI/UX best practices here. Instead, you can dive into those on your own:

Note: If you want your users to be redirected to an external page to register their Betty Blocks account, use the open page button component which has this option:

After you’ve set up the application’s pages to your liking, we can proceed to the management part of the workflow. In this section, we are going to add some new users, add and assign roles, and make sure the permissions are configured properly.

The first user by default is a builder with all possible permissions. It means you can add new users, and select roles for them, as well as view and edit all pages, models, etc.

Add new users to your application through the Users management tab in My Betty Blocks. Go to Account > My Betty Blocks > Users management. Invitation flow is executed via the email address. By default, the newly invited will be users, but once you change them to low-code developers, business technologists, or citizen developers, they will become builders too.

Note: Mentioned above works if you are the admin on the organization level. If that is not the case, then you can be invited by someone with this permission. More about different levels of roles and permissions is here.

Let’s proceed to add new roles to our application. Go to Tools > Roles and permissions. You’ll see two roles by default: admin and public. Add another role (e.g. ‘user’) by pressing the Add button.

Leave all the permissions to admins, but block all of them for the public as our application is only for internal use and all website visitors will first need to register their Betty Blocks accounts and then be invited to the application to use its functionality. As the user role is intended to view employees only, tick Employee model access for it.

To manage permissions for actions, go to Actions > Back office - create employee > Settings, choose the configuration that suits your requirements, and don’t forget to choose Betty Blocks account as an authentication profile.

Note: Repeat the same process for the Back office - update employee and Back office - delete employee actions if you want to restrict the user role from editing and deleting data within the Employee model.

All basic configurations are done, and we need to test if the application is working according to how it was planned. Let’s compile our last edited page, and check out some of the flows we’ve created.

Note: As an admin, you can also edit and assign roles from the User management and Roles pages.

This is how you can begin creating a basic CRUD application using Betty Blocks. While achieving smoother functionality may require additional time and more advanced platform expertise, we have you supported. Use all the no-code might to your advantage and dive into the world of fast and adaptable app-building. Good luck!