Build your own version of AI Image Generator app in React JS. This AI image generator is built using OpenAI API. Here you can learn about how to create an AI image generation tool like DALL-E or Midjourney.
What is AI Image Generator app?
An AI technology that is used to generate new images by learning patterns from existing data is known as an AI image generator app.
#OpenAI #AIApplications #GreatStack
#Reactjs #ReactProjects
❤️ SUBSCRIBE: https://goo.gl/tTFmPb
In this tutorial we are going to create an AI application that create images using AI technology. We will create this AI image generator app using React JS And OpenAI api. You can build this app with Free Trail API Credit of OpenAI. This AI image generator will generate the image as per the image description that we type in the input box.
Download the assets:
👉 https://drive.google.com/file/d/1nYpaqAbUX3FftW3kbjpJmTx6NEfJppED/view?usp=sharing
React Introduction tutorial:
👉 https://www.youtube.com/watch?v=r5kO-E6NI14
JavaScript complete tutorials for beginners:
👉 https://www.youtube.com/watch?v=CBWnBi-awSA&list=PLjwm_8O3suyM61TZY1w5ufD12nRQCtd2N&pp=iAQB
JavaScript Projects for beginners:
👉 https://www.youtube.com/watch?v=MIYQR-Ybrn4&list=PLjwm_8O3suyOgDS_Z8AWbbq3zpCmR-WE9&pp=iAQB
—————————————–
Suggested Course:
❤️ Complete website Using HTML and CSS
✔️ 8 Complete website step by step
✔️ Source Code Download
✔️ 76 Lectures, 12 Hours Video
✔️ Course Completion certificate
👉 https://easytutorialspro.com/go/course/
———————————-
Affordable web hosting (coupon- EASYTUTORIALS)
👉 https://easytutorialspro.com/hosting/
My recommended tools and tutorials
👉 https://easytutorialspro.com/
————————————-
◼️ Source code link is shared in community post for all my coding videos exclusively for channel members (only channel members can see)
Join Channel Membership:
► https://www.youtube.com/channel/UCkjoHfkLEy7ZT4bA2myJ8xA/join
————————————-
Like – Follow & Subscribe us:
◼️ YouTube: https://goo.gl/tTFmPb
◼️ Facebook: https://goo.gl/qv7tEQ
◼️ Twitter: https://twitter.com/ItsAvinashKr
◼️ Instagram: https://instagram.com/iamavinashkr/
source
Sign up for our newsletter to receive updates and special promotions
it's not working i don't know why it says that it have the issue with api-key i cross-checked it so many times still not working
can anyone help
API link is not loading
{
"error": {
"code": null,
"message": "Not allowed to GET on /v1/images/generations. (HINT: Perhaps you meant to use a different HTTP method?)",
"param": null,
"type": "invalid_request_error"
}
}
this api is asking for the payment can i get free api?
assets are not completed. can you provide complete assets.
Do I have to pay in openAi ?? do I have to enter my payment details ?? pls help
im having a problem with the api is this still valid until now
How to minimize the picture,the picture was so big
Why are you using div everywhere???????
api link is not loading. Can you help me with that? {
"error": {
"code": null,
"message": "Not allowed to GET on /v1/images/generations. (HINT: Perhaps you meant to use a different HTTP method?)",
"param": null,
"type": "invalid_request_error"
}
} this is displayed
1
Reply
the openAi api is not respoding in 2024
@GreatStack bro please provide me code ..i want to crosscheak…i follow your every step in this video but my img is not generating
api link is not loading. Can you help me with that? {
"error": {
"code": null,
"message": "Not allowed to GET on /v1/images/generations. (HINT: Perhaps you meant to use a different HTTP method?)",
"param": null,
"type": "invalid_request_error"
}
} this is displayed
code: "billing_hard_limit_reached"
message: "Billing hard limit has been reached"
param: null
type: "invalid_request_error"
it says error, how can i resolve this
It shows dataarray is undefined
Sir can't read properties of undefined (reading 0) error
Api is not working 😢
OpenAi api is not giving free credits anymore. stopped the project by half 🙁
Very good explain and very good project sir
I have to make this kind of project for my school, also learning React at the same. Any idea if there is any tutorial where I can make a working project without any payments?
19:40 'billing_hard_limit_reached', message: 'Billing hard limit has been reached' getting this plz help
would someone please help?
19:40 'billing_hard_limit_reached', message: 'Billing hard limit has been reached' getting this plz help
How can I add the loading / buffering sign when the image is loading in React ? Can you please help ?
From where did you get the documentation of fetching the API like the way you used. Because the OpenAI API documentation is a little bit different.
bro did someone got the proper output as per the video i am facing issues in APi key could someone help me out in this
nice bro pls face reveal
Image and search doesn't show in web page it's blank
sir im not getting any objects in the console can you please help now
Not finding url link in openai
400 bad request , can anyone help me
@GreatStackDev hey can you provide source code for this project
do you have to put credit card information into the openai account? because i get error,
error: Object { code: "billing_hard_limit_reached", message: "Billing hard limit has been reached", type: "invalid_request_error", … }
very helpful brother
can anyone send source code of it I facing errors
anyone have source of it
Can one share source code
I getting errors
Hello , I have tried this app but at the end , image which is generating it's irrelevant from entered input …could anyone please help me ??
does this required a database or not??
Source Code?