Learn ADALO with Real Code Examples

Updated Nov 26, 2025

Introduction & Fundamentals Setup & Configuration Architecture & Deep Internals Performance & Security Development Workflow Learning & Career Growth Business & Strategy Examples

Code Sample Descriptions

Simple Counter App

# adalo/demo/CounterApp
1. Drag a Button component onto the screen
2. Drag a Text component to display the counter value
3. Add a Collection (Counter) with a 'Value' field
4. Create a Workflow: Button is clicked -> Update Counter -> Increment 'Value'
5. Set Text element to display Current Counter Value
6. Preview the app to interact with the counter in real time

A basic Adalo example that increments a counter when a button is tapped.

Let’s Try →

Simple To-Do List

# adalo/demo/ToDoApp
1. Add a Collection (Tasks) with fields 'Title' and 'Completed'
2. Drag a List component to display Tasks
3. Drag a Text Input to enter new Task title
4. Drag a Button: Button click -> Create Task in Tasks Collection
5. Add a Checkbox to toggle 'Completed' status
6. Preview to add and mark tasks complete

A basic To-Do List app using Adalo Collections and Lists.

Let’s Try →

Simple Notes App

# adalo/demo/NotesApp
1. Add a Collection (Notes) with 'Title' and 'Content' fields
2. Drag a List to display Notes titles
3. Add a Screen to view/edit a Note
4. Button click -> Create Note in Notes Collection
5. Add Delete Button -> Delete Note
6. Preview the app to create and manage notes

A basic Notes app that creates, edits, and deletes notes.

Let’s Try →

Simple Login Screen

# adalo/demo/LoginScreen
1. Drag Text Inputs for Email and Password
2. Drag Login Button -> Action: Log in User
3. Drag Text for error messages
4. Redirect user on successful login
5. Add Sign-Up screen linked to Users Collection
6. Preview login flow

A basic login screen using Adalo Users collection.

Let’s Try →

Simple Sign-Up Form

# adalo/demo/SignUpForm
1. Drag Text Inputs for Email, Password, Name
2. Drag Button: Button click -> Create User in Users Collection
3. Add Text to confirm successful sign-up
4. Redirect to Home Screen after sign-up
5. Preview the sign-up process

A sign-up form to create new users in Adalo.

Let’s Try →

Simple Image Gallery

# adalo/demo/ImageGallery
1. Add Collection (Images) with 'Title' and 'Image'
2. Drag a List component -> Bind to Images Collection
3. Set List layout to grid
4. Drag Image component inside List -> Bind to Image field
5. Preview the gallery

Displays a collection of images in a gallery format.

Let’s Try →

Simple Profile Page

# adalo/demo/ProfilePage
1. Add Screen for Profile
2. Drag Text components -> Bind to Current User fields (Name, Email, Avatar)
3. Drag Image component -> Bind to Avatar
4. Optionally add Edit Button -> Action: Update Current User
5. Preview profile display

Displays user profile info from the Users collection.

Let’s Try →

Simple Shopping List

# adalo/demo/ShoppingList
1. Add Collection (Items) with 'Name' and 'Quantity'
2. Drag List -> Bind to Items Collection
3. Drag Text Input and Button to add new items
4. Drag Number Input to update Quantity
5. Drag Delete Button -> Delete Item
6. Preview shopping list

A shopping list app using Adalo Collections.

Let’s Try →

Simple Task Progress Tracker

# adalo/demo/TaskTracker
1. Add Collection (Tasks) with 'Title' and 'Status'
2. Drag List -> Bind to Tasks Collection
3. Add Dropdown/Choice component to update 'Status'
4. Drag Text to display progress count
5. Preview tasks and progress updates

Tracks task progress using status field in Adalo Collection.

Let’s Try →

Simple Event RSVP App

# adalo/demo/EventRSVP
1. Add Collection (Events) with fields 'Title', 'Date', 'Attendees'
2. Drag List -> Bind to Events Collection
3. Drag Button -> Action: Add Current User to Attendees
4. Drag Text -> Display number of Attendees
5. Preview RSVP interactions

Users can RSVP to events stored in an Adalo Collection.

Let’s Try →

Code Sample Descriptions

Simple Counter App

# adalo/demo/CounterApp
1. Drag a Button component onto the screen
2. Drag a Text component to display the counter value
3. Add a Collection (Counter) with a 'Value' field
4. Create a Workflow: Button is clicked -> Update Counter -> Increment 'Value'
5. Set Text element to display Current Counter Value
6. Preview the app to interact with the counter in real time

A basic Adalo example that increments a counter when a button is tapped.

Let’s Try →

Simple To-Do List

# adalo/demo/ToDoApp
1. Add a Collection (Tasks) with fields 'Title' and 'Completed'
2. Drag a List component to display Tasks
3. Drag a Text Input to enter new Task title
4. Drag a Button: Button click -> Create Task in Tasks Collection
5. Add a Checkbox to toggle 'Completed' status
6. Preview to add and mark tasks complete

A basic To-Do List app using Adalo Collections and Lists.

Let’s Try →

Simple Notes App

# adalo/demo/NotesApp
1. Add a Collection (Notes) with 'Title' and 'Content' fields
2. Drag a List to display Notes titles
3. Add a Screen to view/edit a Note
4. Button click -> Create Note in Notes Collection
5. Add Delete Button -> Delete Note
6. Preview the app to create and manage notes

A basic Notes app that creates, edits, and deletes notes.

Let’s Try →

Simple Login Screen

# adalo/demo/LoginScreen
1. Drag Text Inputs for Email and Password
2. Drag Login Button -> Action: Log in User
3. Drag Text for error messages
4. Redirect user on successful login
5. Add Sign-Up screen linked to Users Collection
6. Preview login flow

A basic login screen using Adalo Users collection.

Let’s Try →

Simple Sign-Up Form

# adalo/demo/SignUpForm
1. Drag Text Inputs for Email, Password, Name
2. Drag Button: Button click -> Create User in Users Collection
3. Add Text to confirm successful sign-up
4. Redirect to Home Screen after sign-up
5. Preview the sign-up process

A sign-up form to create new users in Adalo.

Let’s Try →

Simple Image Gallery

# adalo/demo/ImageGallery
1. Add Collection (Images) with 'Title' and 'Image'
2. Drag a List component -> Bind to Images Collection
3. Set List layout to grid
4. Drag Image component inside List -> Bind to Image field
5. Preview the gallery

Displays a collection of images in a gallery format.

Let’s Try →

Simple Profile Page

# adalo/demo/ProfilePage
1. Add Screen for Profile
2. Drag Text components -> Bind to Current User fields (Name, Email, Avatar)
3. Drag Image component -> Bind to Avatar
4. Optionally add Edit Button -> Action: Update Current User
5. Preview profile display

Displays user profile info from the Users collection.

Let’s Try →

Simple Shopping List

# adalo/demo/ShoppingList
1. Add Collection (Items) with 'Name' and 'Quantity'
2. Drag List -> Bind to Items Collection
3. Drag Text Input and Button to add new items
4. Drag Number Input to update Quantity
5. Drag Delete Button -> Delete Item
6. Preview shopping list

A shopping list app using Adalo Collections.

Let’s Try →

Simple Task Progress Tracker

# adalo/demo/TaskTracker
1. Add Collection (Tasks) with 'Title' and 'Status'
2. Drag List -> Bind to Tasks Collection
3. Add Dropdown/Choice component to update 'Status'
4. Drag Text to display progress count
5. Preview tasks and progress updates

Tracks task progress using status field in Adalo Collection.

Let’s Try →

Simple Event RSVP App

# adalo/demo/EventRSVP
1. Add Collection (Events) with fields 'Title', 'Date', 'Attendees'
2. Drag List -> Bind to Events Collection
3. Drag Button -> Action: Add Current User to Attendees
4. Drag Text -> Display number of Attendees
5. Preview RSVP interactions

Users can RSVP to events stored in an Adalo Collection.

Let’s Try →