Build and Deploy a Full Stack MERN AI Image Generation App | Midjourney & DALL-E Clone

แชร์
ฝัง
  • เผยแพร่เมื่อ 9 ก.พ. 2025

ความคิดเห็น •

  • @javascriptmastery
    @javascriptmastery  ปีที่แล้ว +26

    Want to land your dream programming job in 3 - 6 months?
    ⭐ JSM Masterclass Experience - jsmastery.pro/masterclass
    Become a Software Engineer. Guaranteed.

    • @timecapsule9338
      @timecapsule9338 ปีที่แล้ว +2

      Hello sir, does your api works now. i think i is not free now we sould buy now. if there is any suppliment please provide us.

    • @satyammishra-xb3hs
      @satyammishra-xb3hs ปีที่แล้ว +1

      @@timecapsule9338 Gym Supplement?

    • @sanmaster5211
      @sanmaster5211 ปีที่แล้ว

      @@timecapsule9338 creating your own AI might work, hahaha jk

    • @AnilRayavarapu-z3y
      @AnilRayavarapu-z3y ปีที่แล้ว

      Cost of the course?

    • @Cryptoheady
      @Cryptoheady ปีที่แล้ว

      For this there is a soln mern section in discord github rep is also there

  • @66yozgattandrkebap48
    @66yozgattandrkebap48 2 ปีที่แล้ว +109

    I cannot believe such a comprehensive guide can exist for free in TH-cam. 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.

    • @javascriptmastery
      @javascriptmastery  2 ปีที่แล้ว +13

      Thank you!!

    • @mosesbabu6768
      @mosesbabu6768 2 ปีที่แล้ว +1

      True this channel sure is the best for react been checking out your tutorials

    • @javascriptmastery
      @javascriptmastery  2 ปีที่แล้ว +2

      @@mosesbabu6768 thank you! Feel free to leave a review on trustpilot! 😊

    • @mosesbabu6768
      @mosesbabu6768 2 ปีที่แล้ว +1

      @@javascriptmastery sure

    • @oliviajenny9557
      @oliviajenny9557 2 ปีที่แล้ว +1

      Sincerely speaking, you have the best causes ever

  • @queenofsheba8275
    @queenofsheba8275 2 ปีที่แล้ว +38

    I've been searching for a tutorial like this on TH-cam 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.

  • @wisdombassey2804
    @wisdombassey2804 2 ปีที่แล้ว +41

    We love you Javascript Mastery. 😍 You're a blessing to the Javascript Dev Community 🙌🙌🙌

    • @javascriptmastery
      @javascriptmastery  2 ปีที่แล้ว +5

      Thank you!!!

    • @Deekshisaisrini
      @Deekshisaisrini ปีที่แล้ว

      @javascript Mastery is a cheater...he sent $69 but he didn't help me with the work he didn't send the money back also

    • @javascriptmastery
      @javascriptmastery  ปีที่แล้ว

      @@Deekshisaisrini What are you talking about? I didn't accept any money from you? It's possible you got scammed.

    • @Deekshisaisrini
      @Deekshisaisrini ปีที่แล้ว

      @@javascriptmastery I have proofs can I share here

    • @javascriptmastery
      @javascriptmastery  ปีที่แล้ว

      @@Deekshisaisrini please reach out to me via email at contact@jsmastery.pro

  • @mazharansari7813
    @mazharansari7813 2 ปีที่แล้ว +8

    Wow few days back just finished learning MERN and now you uploaded this video feeling excited 😄😄

    • @javascriptmastery
      @javascriptmastery  2 ปีที่แล้ว +1

      Perfect time!

    • @mazharansari7813
      @mazharansari7813 2 ปีที่แล้ว

      @@javascriptmastery Yes absolutely!! 🤠🤠

    • @abhijithp5046
      @abhijithp5046 ปีที่แล้ว

      Hi, is there any free course or youtube video to learn MERN?

    • @rupalisharma2674
      @rupalisharma2674 ปีที่แล้ว

      @@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..

  • @nguhelon7015
    @nguhelon7015 2 ปีที่แล้ว +9

    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

  • @charlesxstorm
    @charlesxstorm ปีที่แล้ว +4

    At this point, the world definitely owes you so much. Thank you for the crazy amount of time you spend in creating your tutorials.

  • @soltiscd
    @soltiscd 2 ปีที่แล้ว +8

    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.

  • @AdityaTiwari-vu3je
    @AdityaTiwari-vu3je 2 ปีที่แล้ว +13

    We love you Javascript Mastery. I learned so much from you guys and I finally learned how to use AI Api's.

  • @ahmedmusawir
    @ahmedmusawir 2 ปีที่แล้ว +2

    Your work should be rewarded with a Nobel Prize ... Nothing short of that is enough ... In fact, you should also receive an Oscar for your designs ...

    • @javasmastery__my_Teleqram_id
      @javasmastery__my_Teleqram_id ปีที่แล้ว

      Teleqram me 👆⬆️...

    • @jessy_clip
      @jessy_clip ปีที่แล้ว

      Dude i finished my project but i get error on deployment, can you pls help with it 🙏

  • @icongrindsetsfj
    @icongrindsetsfj ปีที่แล้ว +42

    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!

    • @yosayaan7013
      @yosayaan7013 ปีที่แล้ว +2

      Thanku so much man!
      Facing problem with the error, thanks for telling, now i can move on

    • @ls0359
      @ls0359 ปีที่แล้ว

      sorted out after facing the problem from yesterday , that means only 250 requests are allowed per API Key

    • @piyushcodes5530
      @piyushcodes5530 ปีที่แล้ว

      Thanks Buddy. You Saved me.

    • @venilsavaliya3004
      @venilsavaliya3004 ปีที่แล้ว

      @@piyushcodes5530 i try with new account also ,but still this error occur. Is there any limit in api for limited request per minute or hour ?

    • @2alaa3ali67
      @2alaa3ali67 ปีที่แล้ว

      @@venilsavaliya3004 yes 3 img/5 min

  • @kakashisensie100
    @kakashisensie100 ปีที่แล้ว +2

    Thanks!

  • @wilsonmela6343
    @wilsonmela6343 2 ปีที่แล้ว +10

    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.

  • @indiancuriousvoice8773
    @indiancuriousvoice8773 2 ปีที่แล้ว +3

    **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**

    • @Flower-ho2kp
      @Flower-ho2kp ปีที่แล้ว

      Can you please share link of your github repo? Im also creating this project but can solve some problems

    • @shineLouisShine
      @shineLouisShine ปีที่แล้ว

      May you kindly share of your bugs and fixing for the benefit of others, or share your github?
      That will be very appreciated

    • @jessy_clip
      @jessy_clip ปีที่แล้ว

      Dude i finished my project but i get error on deployment, can you pls help with it 🙏

    • @AbhijeetDhane
      @AbhijeetDhane ปีที่แล้ว +2

      ​@@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 ??

    • @rupalisharma2674
      @rupalisharma2674 ปีที่แล้ว +1

      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..

  • @mindbodyps
    @mindbodyps 2 ปีที่แล้ว +14

    Bro you are killing it.
    There is no other channel on whole internet, who can provide more value in terms of web development then you.

  • @opensourcecontribution
    @opensourcecontribution 2 ปีที่แล้ว +23

    Thanks to this dude, I found the systematic and easy way to learn MERN by building projects. I wish you and your channel to grow more😊

  • @muhammadalbendakji7690
    @muhammadalbendakji7690 2 ปีที่แล้ว +1

    Having notification from JavaScript Mastery ---> it's coding TIME 😍😍

  • @salonisingh3167
    @salonisingh3167 ปีที่แล้ว +17

    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})

    • @omarkhelifi
      @omarkhelifi ปีที่แล้ว +1

      it's same error
      he return this message (Billing hard limit has been reached)

    • @samarjeetdangi4297
      @samarjeetdangi4297 ปีที่แล้ว

      Thank You 👍🏻👍🏻

    • @aayushraj4733
      @aayushraj4733 11 หลายเดือนก่อน

      not worked sane error

    • @guggliamsaiprabhat8513
      @guggliamsaiprabhat8513 7 หลายเดือนก่อน

      @@omarkhelifi did you resolve this error

    • @Eric-be4fo
      @Eric-be4fo 6 หลายเดือนก่อน

      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?

  • @edwintjoa6099
    @edwintjoa6099 2 ปีที่แล้ว +3

    Thank you so much for another awesome video on Full Stack MERN. The deploy section really helps to make things go live.

  • @abdelilahaassou6333
    @abdelilahaassou6333 ปีที่แล้ว +1

    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 😉

  • @Junyoung_Kang
    @Junyoung_Kang 2 ปีที่แล้ว +9

    This guy knows exactly what is UP! Thank you so much for keeping us with the most updated knowledge.

  • @DharmikNavadiya
    @DharmikNavadiya 2 ปีที่แล้ว +2

    Was waiting for this masterpiece , BRAVO 🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥

  • @simonbelissa7809
    @simonbelissa7809 2 ปีที่แล้ว +10

    Thank you so much Adrian for your amazing work. I've been wanting to build mine and couldn't get it done !

  • @mrgkd5767
    @mrgkd5767 2 ปีที่แล้ว +1

    Adrian! I just want to say thank you. God bless you. You’re a very good man and we’re all grateful for your life!

  • @personalfile3873
    @personalfile3873 ปีที่แล้ว +84

    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.

    • @shiveshnandan4427
      @shiveshnandan4427 ปีที่แล้ว +1

      thank you

    • @akshayKumar-kx9mm
      @akshayKumar-kx9mm ปีที่แล้ว +2

      then what is the alternative to work?

    • @pratikneupane951
      @pratikneupane951 ปีที่แล้ว

      ohhh noooooo! what should I do nooww?🤦‍♂🤦‍♂

    • @AabidKhan-bv7qk
      @AabidKhan-bv7qk ปีที่แล้ว +5

      same man !!!! stuck at Billing hard limit has been reached

    • @samuelnoel4186
      @samuelnoel4186 ปีที่แล้ว +7

      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

  • @mateusleal1254
    @mateusleal1254 ปีที่แล้ว

    I'm Brazilian and here we don't have content like yours.... simply amazing....

  • @Zephyr314
    @Zephyr314 ปีที่แล้ว +6

    Just finished the tutorial. Thank you so much I learned a lot

    • @dhananjay7937
      @dhananjay7937 ปีที่แล้ว

      Have you completed entire project? Is it working very well?

    • @dhananjay7937
      @dhananjay7937 ปีที่แล้ว +1

      @@Zephyr314 Thank you so much

    • @dhananjay7937
      @dhananjay7937 ปีที่แล้ว

      I visited your deployed site.
      It's showing this error. "SyntaxError: Unexpected token 'B', "Billing ha"... is not valid JSON".

    • @Zephyr314
      @Zephyr314 ปีที่แล้ว

      @dhananjay7937 I don't think you can use commas in the prompt. Try to remove all punctuation

    • @elohim_etz
      @elohim_etz ปีที่แล้ว

      Is everything used in this tutorial is free or do I have to pay for something

  • @hamzaawan.developer
    @hamzaawan.developer 2 ปีที่แล้ว +2

    You are amazing, I looking for MERN projects this week. Thank you JSM.

  • @AlonnaWade
    @AlonnaWade 2 ปีที่แล้ว +3

    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!

    • @usomine_af
      @usomine_af 2 ปีที่แล้ว

      For help Teleqram me 👆

  • @ikedacripps
    @ikedacripps 2 ปีที่แล้ว +1

    Lol JAVASCRIPT MASTERY has this ability to deliver content based on current trends. You are Great!

  • @derekprieur5258
    @derekprieur5258 2 ปีที่แล้ว +26

    Phenomenal video JSM! Clean minimal design, Node/Express/Mongo/API practice & relevant AI work. This one truly is a complete package, thank you team 👍

  • @cr_spirit3986
    @cr_spirit3986 ปีที่แล้ว +1

    Seems like he's the only one who could get me to understand react. What a great tutor

  • @patrykorowski4141
    @patrykorowski4141 2 ปีที่แล้ว +10

    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 TH-cam 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!

  • @meheraabarvy4134
    @meheraabarvy4134 2 ปีที่แล้ว +1

    Unbelievable service we are getting from you for free! Every time it amazed me how can you do it! Congratulations for 500K subs.

  • @lazeezbiryanii
    @lazeezbiryanii 2 ปีที่แล้ว +4

    I was following your react ui ux course and now I'll do this too please create more mern projects 😋

  • @geev1044
    @geev1044 2 ปีที่แล้ว +2

    Amazing Ive been waiting for a MERN stack course ,Thank You!

  • @RajeevCanDev
    @RajeevCanDev 2 ปีที่แล้ว +1

    The best tutor I've ever seen in my life and probably will not witness another!
    you are the God of development for sure! GOAT.

  • @mrdiin.dev_
    @mrdiin.dev_ 2 ปีที่แล้ว +13

    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!

    • @javascriptmastery
      @javascriptmastery  2 ปีที่แล้ว +2

      Thank you!!

    • @63montywilliams50
      @63montywilliams50 2 ปีที่แล้ว

      have you had any issues with your apikey?

    • @mrdiin.dev_
      @mrdiin.dev_ 2 ปีที่แล้ว

      @@63montywilliams50 Hi, no, not really. What is the issue you're facing ?

    • @LalaYamazaki
      @LalaYamazaki 2 ปีที่แล้ว

      @@mrdiin.dev_ Also stuck with apikey. It just wont upload the photo. Any ideas why?

    • @mrdiin.dev_
      @mrdiin.dev_ 2 ปีที่แล้ว

      @@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.

  • @jeremyharvard6057
    @jeremyharvard6057 ปีที่แล้ว

    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
      @Flower-ho2kp ปีที่แล้ว

      Can you please share link of your github repo? Im creating this project too but cant solve some problems

    • @jeremyharvard6057
      @jeremyharvard6057 ปีที่แล้ว

      @@Flower-ho2kp man! I don't use GitHub! Neither I store my files there! I store everything in pendrive! So I have got nothing to share!

    • @jessy_clip
      @jessy_clip ปีที่แล้ว

      ​@@Flower-ho2kp Dude i finished my project but i get error on deployment, can you pls help with it 🙏

    • @Flower-ho2kp
      @Flower-ho2kp ปีที่แล้ว

      @@jessy_clip i used firebase hosting for client side deployment and render for backend

    • @jessy_clip
      @jessy_clip ปีที่แล้ว

      @@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"

  • @richardmasters2045
    @richardmasters2045 2 ปีที่แล้ว +7

    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 🙏

  • @zolac9732
    @zolac9732 2 ปีที่แล้ว +1

    Adrain You are the GOAT when it comes to JavaScript. Thanks alot.

  • @aryanshah3967
    @aryanshah3967 ปีที่แล้ว +9

    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.

    • @vilokmasuti4772
      @vilokmasuti4772 ปีที่แล้ว

      Bro my css version used in this version is v3.24 but right now in website it's showing v 3.34 what to do I'm not getting

    • @Tkyx6xi6xi6x5jx
      @Tkyx6xi6xi6x5jx หลายเดือนก่อน

      Brother can we find and use another api key?

    • @Tkyx6xi6xi6x5jx
      @Tkyx6xi6xi6x5jx หลายเดือนก่อน

      Can we find and use another api?

    • @lovegoyner7450
      @lovegoyner7450 หลายเดือนก่อน

      bro but i am having a cors error in my console log and also an alert of failed to fetch

  • @akshitajha1209
    @akshitajha1209 2 ปีที่แล้ว +1

    We want more mern projects, addicted to your channel!!

    • @usomine_af
      @usomine_af 2 ปีที่แล้ว

      For help Teleqram me 👆

  • @afrancis7475
    @afrancis7475 2 ปีที่แล้ว +7

    I'm baffled by the fact that this is for free. I wish that I had this when I was still a 15/16 year old student starting off my coding adventures

  • @Abdullahyasharmota
    @Abdullahyasharmota 7 หลายเดือนก่อน

    И вновь сочная связка 🤤 Всегда удивлялся, где Вы так быстро находите хорошие связи. Продолжайте в том же духе!

  • @luiscrespol8640
    @luiscrespol8640 ปีที่แล้ว +3

    This tutorial was absolutely amazing!! The details, tips, techniques, and planning were definitely shown and explained!

    • @elohim_etz
      @elohim_etz ปีที่แล้ว

      Is everything used in this tutorial is free or do I have to pay for something

  • @griffinkirkland9087
    @griffinkirkland9087 2 ปีที่แล้ว +1

    I have to include JSM whenever i'm doing my gratitude session!
    Grateful for your existence👏

  • @strahinja2977
    @strahinja2977 2 ปีที่แล้ว +9

    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.

    • @bhuwanchhimal9784
      @bhuwanchhimal9784 2 ปีที่แล้ว +1

      I am getting the same error have you find a solution yet?

    • @strahinja2977
      @strahinja2977 2 ปีที่แล้ว

      @@bhuwanchhimal9784 No, still having the same error after looking through the whole video again while checking the spelling and everything.

    • @asadqureshi126
      @asadqureshi126 2 ปีที่แล้ว

      Are you still on it?
      Can you paste your postRoutes.js file content here. Maybe I can help.
      I ran into some errors but finally website was working.

    • @bhuwanchhimal9784
      @bhuwanchhimal9784 2 ปีที่แล้ว

      @@asadqureshi126 ok wait

    • @bhuwanchhimal9784
      @bhuwanchhimal9784 2 ปีที่แล้ว

      @@asadqureshi126
      import express from 'express';
      import * as dotenv from 'dotenv';
      import { v2 as cloudinary } from 'cloudinary';
      import Post from '../mongodb/models/post.js';
      dotenv.config();
      const router = express.Router();
      cloudinary.config({
      cloud_name: 'process.env.CLOUDINARY_NAME',
      api_key: 'process.env.API_KEY',
      api_secret: 'process.env.API_SECRET',
      });
      //get all posts
      router.route('/').get(async(req, res) => {
      try {
      const posts = await Post.find({});
      res.status(200).json({ success: true, data: posts });
      } catch (err) {
      res.status(500).json({ success: false, message: 'Fetching posts failed, please try again' });
      }
      });
      //create a post
      router.route('/').post(async(req, res) => {
      try {
      const { name, prompt, photo } = req.body;
      const photoUrl = await cloudinary.uploader.upload(photo);
      const newPost = await Post.create({
      name,
      prompt,
      photo: photoUrl.url,
      });
      res.status(200).json({ success: true, data: newPost });
      } catch (err) {
      res.status(500).json({ success: false, message: 'Unable to create a post, please try again' });
      }
      });
      export default router;

  • @hamoodhabibi7026
    @hamoodhabibi7026 2 ปีที่แล้ว +1

    YES THIS IS the tech stack i've been waiting for

  • @PavelSergienko
    @PavelSergienko ปีที่แล้ว +3

    If you have an issue with JSON while generating new image, just regenerate new API key on openai

    • @harshtiwari2578
      @harshtiwari2578 ปีที่แล้ว +1

      can you tell why i am getting this error SyntaxError: Unexpected token 'I', "Incorrect "... is not valid JSON

  • @prospernglazi7444
    @prospernglazi7444 2 ปีที่แล้ว +1

    The man, the legend strikes again!!

  • @mdk-west
    @mdk-west 2 ปีที่แล้ว +5

    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
      @akshitajha1209 2 ปีที่แล้ว

      I am also facing a lot of issues, it can't generate images, sone fetching issues, why is it happening 🥲

    • @mdk-west
      @mdk-west 2 ปีที่แล้ว

      @@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
      @akshitajha1209 2 ปีที่แล้ว

      @@mdk-west idk about monetization issues but I had changed about 10 api keys and then it worked, still too slow
      But now it's working 😮‍💨

    • @mdk-west
      @mdk-west 2 ปีที่แล้ว

      @@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)

    • @ViditGoel-qp5ht
      @ViditGoel-qp5ht 2 ปีที่แล้ว

      @@mdk-west at 1:26:40 it shows alert "SyntaxError: Unexpected token 'I', "Incorrect "... is not valid JSON" can you please help?

  • @ayushpanday3701
    @ayushpanday3701 ปีที่แล้ว +4

    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?

    • @36-mariajoseph35
      @36-mariajoseph35 ปีที่แล้ว +1

      same here . Have you resolved it? Please reply

    • @umar3167
      @umar3167 ปีที่แล้ว +1

      @@36-mariajoseph35 Same here, Have you resolved it ?? Let me know...

    • @vatsalsrivastava7135
      @vatsalsrivastava7135 ปีที่แล้ว +1

      Same here have you resolved it ??

    • @harsh.jain22
      @harsh.jain22 ปีที่แล้ว

      yes, I am also stuck here from hours error : ( TypeError : Failed to fetch ), if you have resolved this error please tell me

  • @shoaibkhaneknumberhahaha
    @shoaibkhaneknumberhahaha 2 ปีที่แล้ว +1

    That's why he's the GOAT. Thanks again! Weekend is sorted for me ❤❤

  • @david_83_
    @david_83_ 10 หลายเดือนก่อน +7

    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

    • @juancarlosrodriguez1085
      @juancarlosrodriguez1085 10 หลายเดือนก่อน +1

      Thanks a lot!!!!...Finally I've got my first image here!!!!....MANY THANKS!!!!...

    • @himanshujain8425
      @himanshujain8425 5 หลายเดือนก่อน

      res.status(500).send(error?.response.data.error.message || 'Something went wrong');
      giving an error in this line for 'data
      '

    • @raeedsaaadd
      @raeedsaaadd 3 หลายเดือนก่อน

      @@himanshujain8425 were you able to solve this issue, if so how

  • @imoh5202
    @imoh5202 2 ปีที่แล้ว +2

    Thank you my new found mentor. Your tutorials are timely and very helpful. I also like the fact that you use Visual Studio code.

  • @akshitgupta4749
    @akshitgupta4749 ปีที่แล้ว +166

    Don't do this project although it is very well explained but OPEN AI no longer supports free API access :(

    • @adityaagarwal2324
      @adityaagarwal2324 ปีที่แล้ว +13

      But akshit , it gives free credits points to get image each month, still should i make this project?

    • @Foyccc
      @Foyccc ปีที่แล้ว

      ​@@adityaagarwal2324hey I tried it's still not working

    • @GurpreetSingh-ps6kl
      @GurpreetSingh-ps6kl ปีที่แล้ว +5

      Yea lol just wasted my time again......

    • @aditya6431
      @aditya6431 ปีที่แล้ว +13

      Rapid Api gives free access. Through rapid api, we can do this project.
      Adrian has used rapid api in one of his new project video

    • @adityanimje8474
      @adityanimje8474 ปีที่แล้ว +6

      Its still free yk, my project works just fibe

  • @theotheluo6546
    @theotheluo6546 2 ปีที่แล้ว +1

    You guys better make this video reach 20k likes, we need more of this knowledge.

  • @eg7613
    @eg7613 2 ปีที่แล้ว +3

    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

    • @usomine_af
      @usomine_af 2 ปีที่แล้ว

      For help Teleqram me 👆

  • @dragonkloop6731
    @dragonkloop6731 2 ปีที่แล้ว +1

    bro i don't know what the hell are you your consistency is like crazy always putting amazing content keep it up bro

  • @PetriikVx
    @PetriikVx 2 ปีที่แล้ว +1

    Amazing project, made my day, learned a lot and got hostinger! God bless you bro.

  • @abdulakimovxurshidbek
    @abdulakimovxurshidbek ปีที่แล้ว +3

    I'm getting an error. Unexpected token 'B', "Billing ha"...is not valid json. Can anyone help me??? Please 😢

    • @saiteja335
      @saiteja335 ปีที่แล้ว

      double check the before step spelling mistakes bro

    • @abdulakimovxurshidbek
      @abdulakimovxurshidbek ปีที่แล้ว

      @@saiteja335 billing gard limit has been reached it's the response that I'm getting, when i send a request to openai api

    • @Arun-ze1ue
      @Arun-ze1ue ปีที่แล้ว +1

      Stuck in the same place 🥺

    • @laharikrishnam9684
      @laharikrishnam9684 ปีที่แล้ว

      did you find the solution for this error? I am stuck here too

    • @abdulakimovxurshidbek
      @abdulakimovxurshidbek ปีที่แล้ว

      @@laharikrishnam9684 No, I didn't 😔

  • @bidyasagarmohapatra4014
    @bidyasagarmohapatra4014 ปีที่แล้ว +1

    Thank you so much sir creating this video. And please create more videos in AI + MERN 😍🙏🏻

  • @Liebendan
    @Liebendan 2 ปีที่แล้ว +4

    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
      @javascriptmastery  2 ปีที่แล้ว +1

      Great suggestion!

    • @adelekeadekunle8365
      @adelekeadekunle8365 2 ปีที่แล้ว +1

      My exact thought

    • @Liebendan
      @Liebendan 2 ปีที่แล้ว

      @@javascriptmastery thanks for the reply

    • @rupalisharma2674
      @rupalisharma2674 ปีที่แล้ว

      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..

    • @rupalisharma2674
      @rupalisharma2674 ปีที่แล้ว

      @@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..

  • @naganathan5312
    @naganathan5312 2 ปีที่แล้ว +1

    😍👏Wow amazing JM, do more Mern-related videos like this

  • @revanthm2982
    @revanthm2982 ปีที่แล้ว +4

    Failed to fetch error when I click generate

  • @lequangnghi194
    @lequangnghi194 ปีที่แล้ว +3

    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? 🥺

    • @_elusivex_
      @_elusivex_ ปีที่แล้ว

      Did you upload the whole folder directly in netflix? If yes then I can help.

    • @lequangnghi194
      @lequangnghi194 ปีที่แล้ว

      @@_elusivex_ I uploaded the whole 'dist' folder to Netlify, do you know how to fix the issue?

    • @Flower-ho2kp
      @Flower-ho2kp ปีที่แล้ว +1

      I hame the same issue... Did you solve this problem?

  • @jhonatanoliveira4183
    @jhonatanoliveira4183 2 ปีที่แล้ว +1

    Awesome!!! Thanks for show us what no ones would to show for free! You're the real JS Master.

  • @raphaelventura6243
    @raphaelventura6243 ปีที่แล้ว +3

    Is it just me that have problems with this code in special? My API request don't work by any chance, even if I have a payed API key.

    • @mazharansari7813
      @mazharansari7813 ปีที่แล้ว +1

      Lol same I also have a problem my local host isn't running after API routing 😂😂

  • @eduarddez4416
    @eduarddez4416 ปีที่แล้ว

    This was very helpful for my own job at which I am working right now , your content is amazing!

  • @progamingdz5717
    @progamingdz5717 11 หลายเดือนก่อน +14

    Api not free I build the Ui I just waste my time

  • @juancarlosrodriguez1085
    @juancarlosrodriguez1085 9 หลายเดือนก่อน

    Another amazing project!!!... as always. Thanks Adrian for all you give us!!!...

  • @mayankkashyap79
    @mayankkashyap79 2 ปีที่แล้ว +2

    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.
    ❤️❤️❤️❤️👍👍

  • @ababiya_worku
    @ababiya_worku 4 หลายเดือนก่อน

    holy smokes! Finally i have found what im looking for! I can't thank you enough brother! THANK YOU!!!

  • @pedroparadaavendano491
    @pedroparadaavendano491 ปีที่แล้ว

    This guy is the best teacher I have ever ran into. I am learning so much with him!!

  • @ni_kabiu_john
    @ni_kabiu_john ปีที่แล้ว

    Love your classroom.. to the moon to Jupiter to ends of galaxies.. you are a true blessing to the Developer community

  • @codewithguillaume
    @codewithguillaume 2 ปีที่แล้ว +1

    Thank you so much for this course !

  • @KwonDo-Hyung
    @KwonDo-Hyung ปีที่แล้ว

    Great video, got it up and running after a little bit of debugging around the api keys. Thanks!

  • @score_87
    @score_87 2 ปีที่แล้ว +1

    The best channel in TH-cam

  • @alkadoHs
    @alkadoHs 2 ปีที่แล้ว +1

    OMG i feel luck to discover this channel, this guy have crazy tutorials

  • @maximsverlovych251
    @maximsverlovych251 2 ปีที่แล้ว +1

    You're SPER, SUPER and Really cool man. I builded my knowledges by visiting your channel. Thank you very much for your super video-courses.

    • @javascriptmastery
      @javascriptmastery  2 ปีที่แล้ว

      You rock!

    • @rupalisharma2674
      @rupalisharma2674 ปีที่แล้ว

      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..

  • @HariHaran_10
    @HariHaran_10 2 ปีที่แล้ว

    Finally finished the project and hosted in internet.. what a project it is🔥.. Thanks you so much adrain

    • @ViditGoel-qp5ht
      @ViditGoel-qp5ht 2 ปีที่แล้ว +2

      at 1:26:40 it shows alert "SyntaxError: Unexpected token 'I', "Incorrect "... is not valid JSON" can you please help?

    • @HariHaran_10
      @HariHaran_10 2 ปีที่แล้ว

      @@ViditGoel-qp5ht it is because of api keys

    • @KnowledgeTECGuru
      @KnowledgeTECGuru 2 ปีที่แล้ว +1

      @@HariHaran_10 so how can we fix this

    • @ChiragAgarwal-gd7lc
      @ChiragAgarwal-gd7lc 2 ปีที่แล้ว

      @@ViditGoel-qp5ht having the same error

    • @jessy_clip
      @jessy_clip ปีที่แล้ว

      Dude i finished my project but i get error on deployment, can you pls help with it 🙏

  • @李天翊-z6j
    @李天翊-z6j ปีที่แล้ว +1

    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.

  • @Yahya_Umar
    @Yahya_Umar 2 ปีที่แล้ว

    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.

  • @kevinkisibo4878
    @kevinkisibo4878 2 ปีที่แล้ว +1

    I haven't watched yet but I never doubt your content always on top

  • @amadeosph2045
    @amadeosph2045 2 ปีที่แล้ว

    I'm from Brazil and your content is very impressive. I learn a lot in a short time. Thanks a lot 😁❤

  • @malikm3dia504
    @malikm3dia504 2 ปีที่แล้ว

    Very humble educated and most of all good hearted person ❤

  • @Javad.Abasalizadeh
    @Javad.Abasalizadeh 2 ปีที่แล้ว +1

    Again with another mind blowing project ❤

  • @abidhasanjaber
    @abidhasanjaber 2 ปีที่แล้ว +1

    if there was any simple way to show my love to you I would definitely do that, love you so much bro

  • @andriyabu
    @andriyabu 2 ปีที่แล้ว +2

    Thank you man. As usual, awesome content.

  • @nirmalnaveen7838
    @nirmalnaveen7838 2 ปีที่แล้ว +1

    Wow. another amazing video. your channel contents are blow my mind😍

  • @enriquesantosdeoliveira5798
    @enriquesantosdeoliveira5798 2 ปีที่แล้ว +1

    amazing tutorial, I redid it with tanstack-query and typescript.

  • @SA-fy8th
    @SA-fy8th 2 ปีที่แล้ว +1

    Ah your skill is on whole another level keep it up!

  • @kanishkgupta2886
    @kanishkgupta2886 ปีที่แล้ว +2

    I love the way he says "dot-dot" like "daat-daat"

  • @Matty100
    @Matty100 2 ปีที่แล้ว

    Even though it doesn't like some of my requested images 😇 it is still an incredible app. What a great video, thank you JSM!!

    • @usomine_af
      @usomine_af 2 ปีที่แล้ว

      For help Teleqram me 👆

  • @AK-ln2ko
    @AK-ln2ko 2 ปีที่แล้ว +1

    This video deserves 2 million likes.❤❤

  • @brpamungkas8532
    @brpamungkas8532 2 ปีที่แล้ว

    thank you adrian, you are very generous to share this for free 😋

  • @khizrshaikh9902
    @khizrshaikh9902 2 ปีที่แล้ว +2

    Thanks for this Sir Adrian

  • @blackslash4954
    @blackslash4954 ปีที่แล้ว

    Everyone please like the video so that the master creates more ai related projects.

  • @AhmedSiddiqui-dz3up
    @AhmedSiddiqui-dz3up ปีที่แล้ว +87

    I cannot believe such a comprehensive guide can exist for free in TH-cam. 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.