Tutorials
/
🌮 Instacart mini-clone
Get updated on new tutorials
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

🌮 Instacart mini-clone

This mini app shows how you can use Coda.io, Zapier and Airtable to create a mini food ordering system.

How it works:
  • Pick a restaurant from the dropdown (which references the Restaurant names in another table)
  • The Menu table gets filtered based on the restaurant name and shows the corresponding Menu items and cost
  • The Add and Remove buttons are formulas which trigger the fields # of Items by +1 or -1
  • Total Cost is just the # of items multiplied by the Price
  • The Order Text is a formula to add # of items text plus the Menu Item
  • When you click Check Out it sends this data to the Orders table
  • A new Order ID is generated and all the relevant data for a food order is added in the right columns
  • When a new Order ID line is added, this triggers a Zapier Zap
  • The Zap sends the data from the Coda doc to the Airtable base
  • From there you can automatically send emails if a restaurant name is selected or many other things.

If you'd like this template, to copy this tutorial, remix this workflow or get help while building it, upgrade to PRO.

Upgrade to PRO

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

🌮 Instacart mini-clone

This mini app shows how you can use Coda.io, Zapier and Airtable to create a mini food ordering system.

How it works:
  • Pick a restaurant from the dropdown (which references the Restaurant names in another table)
  • The Menu table gets filtered based on the restaurant name and shows the corresponding Menu items and cost
  • The Add and Remove buttons are formulas which trigger the fields # of Items by +1 or -1
  • Total Cost is just the # of items multiplied by the Price
  • The Order Text is a formula to add # of items text plus the Menu Item
  • When you click Check Out it sends this data to the Orders table
  • A new Order ID is generated and all the relevant data for a food order is added in the right columns
  • When a new Order ID line is added, this triggers a Zapier Zap
  • The Zap sends the data from the Coda doc to the Airtable base
  • From there you can automatically send emails if a restaurant name is selected or many other things.
Access full content
Contents
Part 1 - setting up Webflow
watch
Part 2 - setting up Webflow
watch
Part 3 - setting up Webflow
read
Part 4 - setting up Webflow
download
Coda
Discount
Zapier
Discount
Airtable
Discount
✔️ Airbnb-clone marketplace w/ no-code tutorial
Tweet
Updating user profile data without code
Tweet
"Building a newsletter generator without code via @bentossell"
Tweet
"Building a user sign-in function without code"
Tweet
"Building a curated directory like @nomadlist via @bentossell"
Tweet
In 2019 I'm learning to build sites and mini-startups with Carrd 🎉 Join me!
Tweet
"Build a clone of Scott's Cheap Flights on Carrd via @bentossell"
Tweet
Tweet "Building a job board in @webflow without using any code by @bentossell"
Tweet