Hey I’m Seth!

Founder, No Code MBA
Each week I share the latest No Code MBA tutorials, interviews, and tool recommendations with 20,000 subscribers.
I'd love for you to join as well.
2 min read only
Practical lessons
Free access to content
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form...
Ends 5/2/24
The Spring Sale ends tonight! Get 50% off annual plans →
00
D
00
H
00
M
00
S

Building a To-Do List App with Glide: A Step-by-Step Guide

Last updated

June 1, 2023

Header 1

Header 2

Header 3

Header 4

Header 5
Header 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

  1. Point one
  2. Point two
  3. Point three
  • Point one
  • Point two
  • Point three

Linkis a great example of something

Glide is a powerful tool for creating mobile and web applications from spreadsheets, and it doesn't require any coding skills. In this guide, we will walk you through how to create a to-do list application using Glide.

Watch the video below and be sure to go through the article step-by-step.

1: Create an Account

Start by visiting glideapps.com and creating a new account. Once you've done this, you'll find yourself on the dashboard page.

We're going to focus on the project page now.

2: Create a New Project

Click "New Project," and name your project.

In our case, we'll call it "To-Do List Demo." When asked how you want to start building, choose "Mobile." G

Glide is responsive, meaning it will adapt to either a mobile or a larger screen format. You can always switch to large screen later if you need to.

3: Select Your Source

Next, select your source. Glide allows you to connect to various data sources. In our case, we'll use Glide Tables, the built-in data source that is said to be best for performance.

You can also connect Glide to Google Sheets, Excel, or Airtable if you prefer.

Glide Tables

4: Navigate the Glide Editor

Once you've created your project, you'll be taken to the Glide editor. This is divided into three main sections:

1. On the left, you'll find the navigation menu and components.
2. In the middle, you'll find the editor.
3. On the right, you'll find the settings tab.

By default, Glide provides some data to start with. However, we're going to delete this data and start from scratch.

5: Clear the Default Data

To delete the default data, go to the data tab and delete the "Things" and "Categories" tables.

Then, under the layout tab, delete the navigation tabs. Finally, create a new tab and select "Custom Screen." Label this tab "Home."

6: Add Components

On the Home tab, you can now add any components you want. For our to-do list, we'll create a new table called "Tasks" and add two columns: "Name" and "Completed." The "Completed" column will be a Boolean field, which means it can either be checked (yes) or unchecked (no).

Completed Tasks

7: Connect Tasks to Users

To connect tasks to individual users, add a unique ID to the User table.

Then, add a column called "User ID" to the Tasks table. This will allow us to link each task to the user who created it.

8: Add a Checklist

Back in the layout tab, add a checklist component. This will allow users to add tasks to their to-do list.

The source for this checklist should be the Tasks table.

9: Configure the Checklist

Next, configure the checklist. Remove the search bar, and enable the ability for users to add items.

10: Filter the To-Do List

To filter the to-do list so that checked-off tasks are hidden, add a filter that only shows tasks when "Completed" is not checked.

11: Adjust the Add Item Form

When users click the "Add" button, they'll be taken to the "Add Item" form. Here, remove the "Completed" and "User ID" fields, as these should not be user-editable. Change the label for the "Name" field to "Task," make it a required field.

Summary

As you can see, it's fairly straightforward to build out a simple custom to-list app using Glide.

Additionally, the more advanced options and features means that you'll be able to make adaptations and additions so that you can create something unique and specific to what you want to achieve.

Here's what to do next:

Thank you for watching and reading!

Access all of this with No-Code MBA Unlimited
Unlock premium step-by-step tutorials building real apps and websites
Easy to follow tutorials broken down into lessons between 2 to 20 minutes
Get access to the community to share what you're building, ask questions, and get support if you're stuck
Friendly Tip!
Companies often reimburse No Code MBA memberships. Here's an email template to send to your manager.

Bring Your Ideas to Life with AI and No Code

Unlock premium step-by-step tutorials building real apps and websites
Easy to follow tutorials broken down into lessons between 2 to 20 minutes
Get access to the community to share what you're building, ask questions, and get support if you're stuck
Access all of this with No-Code MBA Unlimited
Unlock premium step-by-step tutorials building real apps and websites
Easy to follow tutorials broken down into lessons between 2 to 20 minutes
Get access to the community to share what you're building, ask questions, and get support if you're stuck
Friendly Tip!
Companies often reimburse No Code MBA memberships. Here's an email template to send to your manager.