ExploreEducationHow do IĀ build?MembersToolsWorkshopsJobs
Memberships & bootcamp enrolment closes April 10th. Sign up now to claim your spot.

Get started with
Makerpad today

The #1 platform for no-code education. Join over 10k others and discover what's possible.

Business

Multiple seat access, hire talent and custom training.

Learn more
Individuals

Unlimited all-access to our online bootcamps and community.

Get started
Email updates
You're in šŸ˜- check your email to get started. Tweet me what you want to build to see how to do it without code.
Oops! Something went wrong while submitting the form.

My Profile:

Edit your bio
My profileMy progressSubmit a project

Share

Bring no-code to work

Save time, avoid the backlog and ship faster. Implement automated workflows to eliminate repetitive tasks in minutes.
For BusinessesFor individuals
Tutorials
/
šŸ“² Build an Airtable powered mobile app with Adalo
Added to your list!
Oops! Something went wrong while submitting the form.
Marked as complete!
Oops! Something went wrong while submitting the form.
Mark as completeSave to watch later

šŸ“² Build an Airtable powered mobile app with Adalo

Link to Demo

In this tutorial we'll show you how to create an app with Adalo that is powered by live data from Airtable.

What you'll need

  • Airtable
  • Adalo

Estimated time to complete

  • 40 minutes

You must be a member to view the full lesson

Memberships & bootcamp enrolment closes April 10th. Sign up now to claim your spot.

Get started with
Makerpad today

The #1 platform for no-code education. Join over 10k others and discover what's possible.

Business

Multiple seat access, hire talent and custom training.

Learn more
Individuals

Unlimited all-access to our online bootcamps and community.

Get started
Email updates
You're in šŸ˜- check your email to get started. Tweet me what you want to build to see how to do it without code.
Oops! Something went wrong while submitting the form.

Open Adalo and create a new mobile app. Add a custom list to the Home page. Select the list and change the name of the placeholders. Add a Image component to the Card.

Select the list and add an action, select link and new screen. Choose App Bar. Add an Image and text components to the new screen, rename them, 'Name', 'Website' and 'Bio'. This will be our members profiles.

Now let's connect Airtable.

Select Databases from the left hand menu. Under extreanl collections lcick add collection. Now over to Airtable.

Select Account, Airtable API, scroll down and find the Base. Select List Records and Copy the URL in the EXAMPLE REQUEST on the right side of the screen. Copy up to the end of the word Users and ignore everything after the ?. Paste that into Adalo.

Next under Auth Setup, click Add Item and select Header. Insert 'Authorization' and your API key from Airtable (e.g. Bearer YOU_API_KEY).

Press next. Open Get All and add the word Records into the Results Key field. Select Update and change Put to Patch. Press Done and Next.

Test to see your data. Press Create Collection.

Back in Adalo map the data across by selecting the List and choosing the new database from the What is this a list of? dropdown. Next map each piece of data across on the first list page and the member profile page.

Select 'Current Makerpad Member' and the appropriate field for each screen.

ā€

Now let's make it so we can update Airtable from the Adalo app.

Add a button to the Member profile screen. Add an action, link to a new screen. Select Form. Select the form and point it to the Makerpad Members collection and we'll want it to Update Member.

Now back over to the form and remove the fields we don't need.

Rename the fields if you want.

Next press preview and test it by clicking through the Member, the button, changing a piece of information and pressing Update Makerpad Member.

Check it's changed both inside of Adalo and inside of Airtable.

That's it! You now know how to power an Adalo app with Airtable.

I hope you enjoy this tutorial preview, if you have any questions please reach out on Twitter @tomosman or @makerpad.

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