Delicious Recipes! | Glideapps & OpenAI

hello M from GMO here and I want to show you a very nice new app that leverages Glides open eye integration and it's a recipe app where you can search for any kind of recipes whether they're just normal dishes or even cocktails and it will generate a complete recipe from it but not only that you can copy and paste the URL to any recipe online and it will extract the recipe from it it's a great way of saving your favorite recipes so here I've already saved a bunch of recipes as you can see and they're actually categorized automatically using Glide AI default integration this works starting from the maker plan so if you go to Glide pricing you can see here the different plans and starting the maker plan uh that's when you have access to the Glide AI native integration that allows you to do really cool stuff with artificial intelligence in this case the well let's just search for any type of recipe here let's say tury and just click search and it's going to generate in this case AI uh three turkey recipes when we click in any of the results it's going to generate the actual recipe right now we just have the results but now it's going to go on the background and generate the recipe for that result and there it is it even grabs automatically an image with the pixos Integrations and if we look at the Integrations that we're using right now under Integrations you can see we have the browser integration which I'm going to show you next how it works and the pixel integration that grabs images from the pixel image database Okay so I have here all my recipes already saved with a little nice images but what I think this is really cool too is you can go to any recipe online let's get this beef strun off recipe and then we're going to copy the URL and then paste it into the search box here and then it allows you to extract the recipe from that web page stays a few seconds because what Glide is doing right now it has clean all the HTML from that page and then it's created the recipe from the actual web page and it's a really nice clean recipe right here you have the ingredients the instructions and even the total cooking time and the servings which are extracted from here we can he we can see here 600 g 2 tablespoons let's see if that is correct and you can see this is already saved into the app and you could be able to see it right here there you go the beef stroganoff recipe now I'm going to show you a little bit in the background how this works we have uh 1 two 3 four five tables users is the default users table that is created by Glide every time you create a new app and then under search this is where most of the magic is happening we have several user specific columns and we have the search input here is where we're going to put either a search for a dish or a cocktail or the URL and then what we have to do is to find out whether it's a URL or not we use a JavaScript column for that is trying to find out if what you pasted is a URL and based on that it's going to either to generate results using Glides open a integration or is going to go ahead and extract the contents of that web page and then extract the recipe from from that I'm using the new get web page Source Glide integration that allows you to grab the entire web page of any URL so if I paste here the beef stran off website you can see here we've stracted the entire HTML from that web page now this is a lot of data so I need to clean it in order to be able to process it with Glides AI integration which of course is limited to x amount of tokens which now is a about you know 4,000 tokens and here we have 368,000 characters which definitely wouldn't be able to be processed with glide opci integration so what I do is you can see here HTML before and after I basically compressed the web page by 96% here I'm counting the characters but the actual clean HTML is this one right now you can see this is a lot less so what this JavaScript column is doing is

using this script to basically get rid of all the HTML TXS all the links all the images the header all the CSS in line all the JavaScript everything that is not the actual text as you can see that it's really cleaning that HTML this original very long HTML from The Source URL into something a lot easier to process and that when we can send this to our action and extract using Glides AI integration with open a the actual recipe and how do we do that is we have an action attached to the submit button here if we go here to the extract Button as you can see it's going to say something different like if we type a URL it's going to say extract if we type uh you know any other type of search is going to change the button to a different action and here we have the different results here let me just clear them and start typing and then you can see here under the button we have a an action which is going to be the search of extract so if it's a if it's not a URL so in this case if the URL computed column that is checking whether it's a URL or not is zero then what it's going to do is going to simply uh search for delicious dishes that match the description uh the search input and then it's going to generate a Json object with all the results and then we're going to show those results okay if it's aurl we want to extract the data so because we already cleaned the HTML what we're going to do is use that as the input for this generate text AI action what I say is generate a clean markdown code for the follow following recipe which we are inputting here as the clean HTML the compressed version of the web page and then I'm telling them the title of the recipe should always be a heading we want it to be bigger sometimes what I notice is that it would make the title the same font as the rest of the recipe so I tweak this until the recipes start to look nice then I say separate the ingredients list from the instructions list include the total cooking time and servings if available and only include the markdown code with without markdown or sometimes it when you say generate code it will encapsulate that code with some unwanted characters or text so in this case I'm making sure that it doesn't do that so I can generate nice clean markdown code and markdown is just like a simplified version of HTML that it renders really nicely and clean on uh web browsers okay and there is a lot more things going on here right you know like I cleaned the original search then I generate a unique identifier so I can then relate to the newly created recipe under the recipes table and a few other things that's pretty much how it works and I think this is a great template to showcase the capabilities of Glide and its new AI capabilities and in this case it's just a very nice app to generate recipes or just extract recipes from the web and if you want to get a copy of this template just go to gro. com reip Ai and start playing with it and have fun thanks for watching bye-bye