In this tutorial series, we will learn how to create a simple no code medical platform web application in NoCode-X. Users will be able to create accounts and login, enter any health issues they may have and a doctor will analyze their symptoms and attempt a diagnosis. Obviously this application requires very robust security, because medical data is highly sensitive information. Luckily for us, NoCode-X has a plethora of security features built-in.
In the first two parts of this tutorial, we will explore how we can create a login system for our app. This tutorial kicks things off by creating a register page. Detailed information about users in NoCode-X can be found on the Users page. The medical aspect of our app will be developed in later tutorials.
We will cover the following subjects:
Designing a navigation bar for our web application.
Creating a register page.
Allowing the register page to create new users.
Creating a login page.
Making a page that only logged in users can access.
Steps 1-3 will be handled in this tutorial, steps 4 and 5 in Part II.
Create a new child template from the navigation template to serve as our register page as follows:
Click the template hierarchy icon. This is indicated by a red arrow in the first image below.
Add a new child template by clicking the plus icon next to the master template. The result is shown in the second image below. You have to change the name of the new template first. This can be done in the template properties tab, as shown in the third image below.
Now we can create our register form. Add the following components to the template:
A plane (with a double border) to contain the other components.
Two input fields: one for the user’s first name and one for their last name.
We must now configure each function call’s Function call configuration. The first function call Get answer of input field corresponds with the input field component for the new user’s first name. We must select this component’s code from the list in the function call’s Arguments tab in its Invocation configuration:
The value entered by the user in this input field will then be saved in a variable. Enter a name for it in the function call’s Result tab. This is shown below:
The variable will now be stored in the variable scope. Repeat this procedure for every function call (except Start and Create user).
Finally, go to the Create user function call’s Arguments tab in the Invocation configuration and select the appropriate variable name for each field:
Done! In the next tutorial we will explore how to create the login page and a page only logged in users can access.