Join Makerpad today

Makerpad is the easiest way to learn to build solutions without the need for code. Access members-only content, build real projects from any level, get community support and create your own no-code profile.
Tutorials
/
๐Ÿ“† Creating an event check-in app

๐Ÿ“† Creating an event check-in app

Start by creating an account onโ€Š Glide

Gathering Data for the App

Sign up on Google sheets using your Google account if you donโ€™t have an account with them before and create a new blank Spreadsheet in Google Sheets.

When the new spreadsheet has been created, proceed by creating new columns which will contain the attendee names, checked-in status (as False), attendee photo, and job/bio descriptions as the header.

Enter the attendee names, photo, bio and check-in status of each attendee in rows format under the column created above, set checked-in status as โ€˜Falseโ€™ due to the switch component we will be using to toggle the status from โ€˜Falseโ€™ to โ€˜Trueโ€™.

Customizing the App Layout

Create a new app in, select the spreadsheet file containing the data of your attendees you created above and wait as Glide build up the app for you which can be customized using the processes below.

The app layout

The app layout was automatically build up to list view as shown above. When each attendee is clicked, it will show additional information like the photo, check-in status and the bio.

Now, add switch component to allow user to toggle the check-in status of each attendee then, add note component to display attendee bio in a more pretty way.

Switch component added

Boom! you are good to go. If the switch is toggled on, the check-in status will return โ€˜Trueโ€™ in the Google Sheets which checked symbol / emoji.

checked-in shown inside Google Sheets

Deploying the App

The app can be deployed as a Progressive Web App (PWAs) by creating a memorable short link like <yourappname.glideapp.io> within the app url input field by clicking the settings bar and then, add the app to your favourite smartphone home screen. Enjoy!

You must be a member to view the full lesson

Join Makerpad today

Makerpad is the easiest way to learn to build solutions without the need for code. Access members-only content, build real projects from any level, get community support and create your own no-code profile.

If you'd like this template, message @bentossell on Slack with your email for the account to send this template.

Ready to get started?

Join the community and start turning your ideas into solutions