Innovation Hub
An initiative by Al Bayat Mitwahid in UAE
Introduction to Adalo
An introduction to the Adalo app maker website, showing the 3 key features that are needed to build an app: screens, components and collections.
Unit 2
Lesson 1 – Working with Logins
In this lesson you will create a sign up page and collect user information.
Your app will need to handle different users, which means that it will need to be able to create login information, including usernames and password. Fortunately Adalo handles users and logins for you, using an email and password to create an account and log in. This allows anyone to create an account with your app, and the information gets saved in the app Database.
To see the user information, click on the Databases logo on the left hand menu. This will show you the default User database, and the default properties. These are: email; password; username; full name. You cannot edit these default values.
We can add our own user properties, so we will add an image property to the user Collection. This will allow each user to have a profile photo.
Click on the Collections button on the left menu, then on the “Users” Collection. Click “Add Property” and select Image from the list of properties.
Add a name for the property, and call it Profile Photo.
Note: Adding descriptive names for properties means that we can easily know what they are when we use them later.
Now we need to make sure that the new property is included on the signup page. Click on the “Sign Up” screen and then click on the form to highlight it. Delete the form by pressing the Delete key on your keyboard.
Now click the large + symbol on the top left of the screen to add a component. Scroll down until you find the form component, and position it on the Sign Up screen.
We need to link the form to the Users collection, so in the left menu click on the “Which data collection” list and select “Users”. Then select “Sign the User Up” for what you want the form to do. You will notice that the form changes to include all the properties in the Users Collection.
You can now test your app login by clicking the Preview button at the top of the page.
Click signup, and enter an email address and password.
These details will be entered into the Users Collection so that you can log in again.
If you don't want to test adding users yet, don't worry, you can add them any time using the Preview button
