ChatGPT App made with Glide | Full Tutorial

Grab the template in this video at 👉 grumo.com/suggestai
In this tutorial, you'll learn how to use Glide's OpenAI integration to create a suggestions app. Enjoy! 🙌
00:00 - Intro
01:05 - Create search input table
02:50 - Enter OpenAI API Key
03:32 - Create custom action with OpenAI
04:02 - Create search input screen
04:35 - Create custom prompt that generates JSON object
06:26 - Managing api usage
07:49 - Test prompt to generate JSON object
08:36 - Create a results table to process the JSON object
11:09 - Display results in a list component
12:18 - Create button to save favorite results
13:56 - Create favorites screen
14:39 - Get the template for this project → grumo.com/suggestai
#nocode #chatgpt

[@GRUMO]

Grab the template in video at 👉 grumo.com/suggestai In this tutorial, you'll learn how to use Glide's OpenAI integration to create a suggestions app. Enjoy! 🙌 00:00 - Intro 01:05 - Create search input table 02:50 - Enter OpenAI API Key 03:32 - Create custom action with OpenAI 04:02 - Create search input screen 04:35 - Create custom prompt that generates JSON object 06:26 - Managing api usage 07:49 - Test prompt to generate JSON object 08:36 - Create a results table to process the JSON object 11:09 - Display results in a list component 12:18 - Create button to save favorite results 13:56 - Create favorites screen 14:39 - Get the template for this project → grumo.com/suggestai

[@Джиксо]

U're absolute BEAST! in good way. Thank you, im making a school project right now so u helped me alot.

[@GRUMO]

Thank you!

[@LookintoNush]

This is INCREDIBLE thank you

[@GRUMO]

You're welcome!

[@guivo167]

Excelente... Fuerza y éxito... ✋ 😌

[@GRUMO]

Gracias!

[@nickrovisa]

@grummo This is fantastic as always and works well. Question: where would you place the "generate image" function to have OpenAI generate an image associated with each result?

[@GRUMO]

Thank you. In this case, I don't use OpenAI to generate images. I'm using the Pexel integration and submitting the entered input as the search value to retrieve a related image.

[@alvinmartinez247]

Fantastico! I love it. Is there ant guide or training on how to input customized prompt ..like if I use it as generating tag, headlines, ebook, blog, ebook etc...same as how to use or prompting Openai chatgpt?

[@GRUMO]

Yes, just Google ChatGPT prompting guides and tips. Cheers.

[@alvinmartinez247]

​@@GRUMO so I can thennuse any prompt with this Glide Ai that you created if Ibwill purchase it?

[@GRUMO]

@@alvinmartinez247 Yes. You can use any prompt as long as you end the prompt with: Return only JSON code. Don't enumerate the items. Use this schema [{"title": title, "explanation"}]

[@GRUMO]

​@@alvinmartinez247 Yes, you can use any prompt but you have to make sure your prompt tells ChatGPT to return only JSON code as follows: Only provide the code. Don't enumerate each result. Use this schema: [{"title": title, "explanation": explanation}]

[@softlearn]

I am wondering why the app answer in english if i am asking in my language (danish). Are there any settings that makes it possible to answer in the same language as asked in? The answers are also very short (or just unknown) compared to the real website.

[@GRUMO]

Glide has multiple OpenAi actions.I’m using the question one but if you use the prompt one you can set more parameters including max tokens and response temperature (randomness). Not sure if it can respond in Danish and the language model is limited to text-davinci-03 unless you use the chat action. But this is not a chat app so I don’t think it can be used for this application.

[@user-zi2si5gw4u]

Great, thanks a lot. As far as i know copying of templates is still not possible, correct?

[@GRUMO]

It works on Classic Apps but not on the new version of Glide. The workaround is by making a copy in my account and the manually transferring it to the buyers account.

[@aateqabinmahfoodh3905]

Hi Mr. Grumo I need your help I'm doing my Capstone Project (Graduation Project) and wanted to use this feature (Answer Question) when I come to the action the only option is ( answer question about a table) why I'm not getting the option (answer question). Please note that I'm using free version of both apps (Glide & OpenAI). Do I need to to upgrade or something and yes what I should do exactly? I'm stuck please help me. Thank you and waiting for your response

[@GRUMO]

Yes. To use Glide's native OpenAI action you need to upgrade to the Pro plan or higher. If you want to use the OpenAI integration then you need to get an API key from OpenAI and set a monthly budget so you can cover the costs of using the API.

[@sophievoetbal]

in my account, when i want to integrate OpenAI to add to the app, i cant see OpenAI. I can only choose between Google Analytics and Zapier. Can you help me?

[@GRUMO]

Go to your Glide team and click on "Previews" on the top right menu. Then, you can enable "Integrations".

[@swanaung3033]

Can you please answer how I can add a clear button in there that will clear the input prompt and output prompt?

[@GRUMO]

You can add a button and attach to it a “Set column value” custom action that clears both the input and output columns.

[@toddlichtenwalter2041]

Hi Grumo, I am trying to follow along with your tutorial and I am getting this error message when setting up the Title column in Search table when inputting the JavaScript code, it says "Function Error SyntaxError: Unexpected non-whitespace character after JSON at position 231 (line 1 column 232)" The code I am entering is: const jsonString = p1; const javascriptObject = JSON.parse(jsonString); return javascriptObject[p2].title;

[@GRUMO]

I've never seen that error. It may be that the value p1 contains unrecognized characters.

[@jd2161]

const jsonString = p1; const javascriptObject = JSON.parse(jsonString); return javascriptObject(p2).title; This hasnt worked for me. Chat Gpt gave me a whole new code with no errors but it still doesnt work. Any advice? It's like the final step before completing this. Ill buy your template if it allows me to make what im looking for but it seems so. Also, can we increase the token, temp, and preprompt?

[@jd2161]

Nevermind i fixed it. had ( instead of [

[@GRUMO]

Great!

[@Biblia-Tech]

Pra mim não aparece a API da openai quando clico em integrações, pode me ajudar?

[@GRUMO]

Verifique se você está usando a nova versão do Glide não Glide Classic Apps

[@igorvrabiee]

Answer question about a table: Could not get embeddings | Too Many Requests does not work :(

[@GRUMO]

You probably exceeded the prompt size limit.

[@alishadow9801]

How to upload the app to Google and App stores?

[@GRUMO]

Not possible with Glide unless is embedded in a native wrapper.

[@benisapaat3451]

I have followed all the steps in your video, but the application I use is Indonesian, while the one you gave in your example is English, does that matter? Because my application does not respond to answers like your application. thank you for your answer Mr. @GRUMO

[@GRUMO]

That could be a limitation of OpenAI's integration. Their model may not be optimized for some languages.

[@benisapaat3451]

@@GRUMO thank you to much

[@jawadahmad4167]

But how we add chat gpt API in glide to integrate?

[@GRUMO]

Go to Settings > Integrations and select OpenAI

[@PromotionAbc]

Are all these tools you mentioned to do this FREE????

[@GRUMO]

Yes and No. Glide is free to get started. OpenAI requires a paid account but it's dirt cheap.

[@softlearn]

@@GRUMO I can use it as beta in my free version of glide

[@GRUMO]

@@softlearn Yes. Glide's free version includes OpenAI but you still need to pay for OpenAI.

[@admiraldante8015]

I would need help with an application that I would like to create, and if you could help me, can I send you an email about what it is about or here on KZbin ?

[@GRUMO]

For inquiries please contact via grumo.com

[@admiraldante8015]

@@GRUMO I entered your website and sent you a message, everything done 😎

[@GRUMO]

@@admiraldante8015 Ok.