How to Build an #ai Image Generator App Without Coding - #flutterflow #nocode

today we are going to talk about AI image generator application we will build an application and it will generate images with open AI if you are not subscriber Please Subscribe and learn new no code tools with me we will start with setting API please go to platform section in open AI website I will put the link in description find image Generation section we need to be sure that our library is Cur now copy API URL great come back to flut flow and go to API page click add and choose create API call give it a name meod type will be post API URL will be the link which we copied from open AI website past it here now we will add add two headers to our API call one will be content type other will be authorization we will take them from open AI website I am showing you now now we will need a k you must create account after that you can access for creating key click API Keys click create new secret key give it a name and click create secret key now we are copying the key great we will paste it to the header one which is authorization better now we will set body part type will be Jon back to open Ai and copy the section which includes prompt and number prop means what would you like to draw on open AI our users will enter it on text field and we will send it with prompt and means how many images do you want to draw and user will choose it on drop- down widget for size section I will not change but if images have big data it will take time to upload images to application so copy it and after that paste it on Json we will delete these parts on gson now we must Define variables for our Json because we want our users to decide with their requirements and these informations must be entered by them so click variables add two variable one will be prompt other will be number type of prompt will be string type of number will be integer let's back to body section okay we will drag prompt and number to Json that's it now let's test our API fill the variables and click the includers checkbox for both I will ask AI to create a penguin job to p I will also want three variants okay let's click test API call and after that create GM PA at the same time great we get images from AI as URL now we will Define our GSM path for setting image path from Dynamic children so you can do as much manually but I suggest you to use FL tolow recommendation click recommended and select URL back to selected and give it a name for Jon path great now we have done here okay we built API part now we will set actions for button click the create button select action part and add action find API call choose the API call name click add our variables for prompt it will come from our text field so click value which state and text field for number we must use custom function because output of drop down is string but we will need integer so we must convert string to integer I already created the function and you can find it on my Discord Channel or you can create it on codex part if you need help in this part you can comment below and I will help you about this so click value choose custom function input will be widget State drop down now we have just defined our variable I will also give a name on this action because we will use this action output for generating Dynamic children now choose the Str view or crate view this part is on your hand click generate Dynamic children give it a name value will be action output API response option will be G somebody avail able option will be predefined path predefined path name will be the path we created in the section on API part click the name and confirm all now we will set image URL from API call Select image click path choose the name of dynamic children that's it now we can test our application okay [Music] thank you for watching I will focus more AI application in next videos I will also develop this app project with new features and you can purchase this template on my website if you interest with project if you want to see this kind of contents please subscribe to channel and like the video you can ask everything so don't hesitate to comment below see you in next video

Channel: Theebatt NoCode

Views: 545

Keywords: flutterflow, ai, image, generator, nocode, api, call, howto, course, beginner

Id: khmjOyQbHGQ

Length: 7min 51sec (471 seconds)

Published: Mon Jan 22 2024