Business Card Reader with Glide + OpenAI | FULL TUTORIAL
GRUMO GRUMO
56.1K subscribers
259 views
0

 Published On Mar 20, 2024

Get a copy of this template 👉 https://grumo.com/cardai

Learn how easy is to create a business card reader from scratch using Glide and its native image to text column.

00:00 - Intro
00:26 - Create app and clean default tables
00:54 - Build Form table
01:50 - Add AI columns to extract data from business card images
02:50 - Test AI columns with business card image
03:36 - Create Contacts table to store business card contact details
04:15 - Create main screen to upload business card photos
06:06 - Extract contact data from JSON into separate columns
06:55 - Create Custom Action to save contact data into the Contacts table
08:20 - Redirect to new contact details screen after business card is scanned
10:55 - Design contact details screen
11:29 - Test app with a second business card image
11:48 - Create new tab to display list of contacts added from business cards
12:21 - Add loading spinner GIF to display while contact data is added to database
15:14 - Update add contact action to display or hide GIF loading spinner
16:18 - Alternate method of extracting image data using Glide's OpenAI integration
18:44 - Publish the final app
19:53 - Get a copy of this template

Subscribe for more tutorials like this → https://grumo.com/subscribe

Made with 🖤 by @GRUMO

show more

Share/Embed