Want to land your dream programming job in 3 - 6 months? ⭐ JSM Masterclass Experience - jsmastery.pro/masterclass Become a Software Engineer. Guaranteed.
I cannot believe such a comprehensive guide can exist for free in RU-vid. People on Udemy will charge you 60$ for a similar course and here you are doing it for free ?! World owes you so much, man.
I've been searching for a tutorial like this on RU-vid for a few months, and I didn't find anything like it until now. Your tutorials are always unique and never done before. I promise to register for your paid courses once I can afford to, your content is gold.
Anyone facing error with the api ("Billing ha..."), you need to make a new account at open ai and use the api key from the new account. You are facing this error because the api is paid. With the new account you will get 5$ worth of free credits, each api call costs 0.02$ so be careful making too much requests. Keep learning, hope this helps!
If someone is currently following this tutorial, please note that as of today's date, the code might not work at 1:25:00 due to the API now being paid.
The Solution for this is to create another account with a different phone number you will get 5$ free credits valid for 3 or 4 months... Each prompt request is approx 0.02 dollars so send them carefully
@@javascriptmastery i m not able to generate images from API, it shows error like (expected token 'B', "Billing ha"... is not valid JSON) can you resolve this issue..
I love how you stop and went over what we have completed, at the 1hour 15 minute mark. It helps solidify what we've done and what we're about to do. Great stuff as always.
THANK YOU so much javascript mastery. Be rest assured we are so grateful for your work and be sure it helps more people than you can imagine. Thank you
Hello everyone, if you are stuck at 1:26:20 and you are getting Failed to fetch error, make sure to rectify below code in your backend: const aiResponse = await openai.images.generate( {prompt, n: 1, size: '1024x1024', response_format: 'b64_json' }) const image = aiResponse.data[0].b64_json return res.status(200).json({photo: image})
Hey, thanks for the helpful comment! However, it didn’t work for me. I followed everything exactly as shown in the video. Was there anything else you did to successfully generate the image and avoid the "Failed to fetch" error?
Your content never fails to impress. Your vocal delivery is top-notch, the web design is sleek and visually appealing, and the information presented is always current. Your innovative approach to each project keeps the material engaging, making it the best RU-vid channel I have subscribed to. I am using the Frontend Meta Course as a supplement to your tutorials to strengthen my grasp on the subject matter, and it has been invaluable in solidifying my understanding. Keep up the fantastic work!
**This is realy a great mern project . I have coded every line by seeing your videos and understand your logics. There are so many bugs come, also fixed that and finally deployed the backend in "Railway" And frontend in "netlify". It takes 3 days . Thanks adrian, you are genius**
@@jessy_clip Hey dude i am getting error as it is not fetching the image from api it is giving some this error TypeError: JSON.stringfy is not a function I have completed watching and following the video until the timestamp 1:25:54 Can you help ??
You always want to make me cry with the quality of tutorials you put out for free. Your channel has completely changed and shaped my programming journey. Thank you.
Attention to those who are getting fetch error at 1:25:00 i.e. image is not loaded and our prompt shows up in the screen. Most probably your API Key usage has expired or you are out of credits. Solution: Create another account with new phone no. to again get $5 credits for free.
Great content! One potential bug is that, in the `handleSearchChange` function, we use `item.name.toLowerCase().includes(searchText.toLowerCase())`; however, the `setSearchText` is also called within this function and the update of the state `searchText` occurs in the next render cycle and the filtered results is based on the old one.
Majority of people facing error of billing issue. To solve this just create a new account open ai will give you 5$ of trial credit after then you will able to fetch images.
I agree with everyone else. The entire Build (Tutorial /Presentation) was absolutely amazing!! The details, tips, techniques and planning were definitely shown and very much appreciated!
So, at 1:26:34 you might be getting an internal server error. This is because the API is not free anymore. You can create an account with a new email and phone number to get 5$ free or pay as much as you want with your current account ($5 min). Also the current version of Open AI differs from the version used in the video. For the new version the configuration is : ```import OpenAI from 'openai'; const openai = new OpenAI({ apiKey: process.env.OPENAI_API_KEY }); ``` And the image generation : ``` const aiResponse = await openai.images.generate({prompt:prompt,n:1, size:'1024x1024', response_format:'b64_json'}) const image = aiResponse.data[0].b64_json ``` In CreatePost you have to write exactly what Adrian wrote : `data:image/jpeg;base64,${data.photo}` because it's not going to work otherwise Cheers
Literally completed the video and coded everything along and I've learnt so much! How is this channel free, whoah. Also, I saw that you can deploy the client side to render as well and just point it to a subdomain and it works like a charm!
@@LalaYamazaki Are you using the API key in the video ? You need to create your own since you can't use someone else's. They probably deleted it right after making this video to avoid being charged.
Best video man. I finally completed creating this web-app. Now I'm all set to begin my own AI image generator. My friends are also very impressed by this video. We could not find any video on this image topic internet which actually describes everything from scratch. My react skills also got honed with this tutorial. Tremendous man. I'm so grateful to you. 🙏🙏🙏
@@Flower-ho2kp good i got erroe in render while deploying it says "The engine "node" is incompatible with this module. Expected version ">=14.20.1". Got "14.17.0"
Great content, and please don't wait for 20k to make more videos about AI like this, I guarantee you that this content will make your channel more famous 😉
I think for every api request, you should show the network tab and show that as well. That way the user can see exactly the response, payload etc. Will def help a lot with debugging
Yessss!!! Sensei, thank you for sharing your wisdom. I shall study, learn and build my empire with use of your amazing knowledge and instruction. Bless you JavaScript Mastery you have helped me to change my world 🙏
if you are stuck fetching images from OpenAI API... this worked for me const aiResponse = await openai.images.generate({ model: "dall-e-3", prompt, n: 1, size: '1024x1024', response_format: 'b64_json', }); const image = aiResponse.data[0].b64_json
Seriously this video is outstanding!! The only thing I am stucked on is 1:25:30. It is saying me "Failed to fetch". Can you please tell me where am I wrong?
I've completed this course and although I found some hiccups on the way, it was all something that could be resolved within a few moments (the issues were mostly OpenAI related as their API became monetized very recently) Thank you so much Adrian for this free course and I'll definitely add this to my portfolio for future employers!
@@akshitajha1209 I can try to help you if you're still having issues~! keep in mind that the api has now been monetized and unless you add a payment method to your OpenAI account, it will give you an error about Billing
@@akshitajha1209 oh got it. well, for me it works pretty well considering the fact that I do pay for hosting (render is pretty pretty slow if you're on the basic plan)
at about 1:40:00 I have an error (500 Internal server error) but it still navigates back to main page and shows error only in console, not alert. Error is at the point where it is supposed to fetch data from /api/v1/post. It only shows error 500, returns to home page and starts loading cards but that is never finished, never shows an error. All the images are successfully uploaded to Cloudinary but it still shows an error and it's not loading them in the main page.
Great content, thanks for all yours hard work!! Would be great if this could become a web3 project where users can deploy the art as a NFT and have it linked to their wallet and of they connect wallet they can see their own good profile of creations
@@javascriptmastery i m not able to generate images from API, it shows error like (expected token 'B', "Billing ha"... is not valid JSON) can you resolve this issue..
Thanks for this great tutorial 🙏 Can someone help me? After deploying the app on Netlify, I'm always getting "Failed to fetch" error, does anyone know how to fix it? 🥺
Your presentation skills are phenomenal. What tool do you use for your slide presentation? It's incredibly sleek. I appreciate your videos and bought your course!
I don't have words for such an amazing video. Keep giving this kind of content it helps a lot. This Single video helped me to recap lots of different things. ❤️❤️❤️❤️👍👍
I just watched your new video and I'm impressed with the level of creativity and production value. Keep up the great work, I can't wait to see what's next.. I hope you're doing well. I'm looking forward to your new videos for our social media project. Keep up the great work! Can't wait to see what you have in store for us next. Thank you.
Hi Sir Can you create a video on school management system website with 3 dashboards 1: Admin 2: Teachers 3: Students With these functionality 1: Admin can edit/delete/add/update without username username must be unique and upload any file pdf or PNG or .txt file for there subject not class. 2: Teacher can edit/there password through email Verification and they can also import the any file so that student can download that file according there class 3: Students can download all downloadable material according to the class Note: Teachers and Admin can teach only 1 subject because they don't have knowledge for another subject because they have tussion center