Use OpenAI API With React (Beginner OpenAI API Tutorial)

แชร์
ฝัง
  • เผยแพร่เมื่อ 2 ส.ค. 2024
  • 🎓 Join my learning platform for module based courses, learning exercises, and more: coderprep.com/
    In this video I cover how to use the OpenAI API within React applications. The project in this video is a tweet sentiment analysis tool, allowing us to use AI to see if a certain tweet is positive or negative. This video requires no previous knowledge of OpenAI, and should get you started with being able to create API requests for applications using OpenAI! I cover how to setup OpenAPI, choose your model, and create functionality based off API calls using OpenAI. This video should be helpful for setting up any request to the API, as I go into detail how we can change the OpenAI curl request into the JavaScript fetch request.
    Project Code: github.com/coopercodes/OpenAI...
    0:00 Intro
    0:25 Setup React / User Interface
    3:37 Setup OpenAI API
    5:10 Create OpenAI API Request in React
    9:30 Show OpenAI Response to User
    10:20 Show Other Ways To Use OpenAI API
    11:42 Outro / Discussion
  • วิทยาศาสตร์และเทคโนโลยี

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

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

    i was trying to do this for hours, thank you so much

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

    why dont you have a million views? this is the best API tutorial ive ever seen. others are just showing you they know how todo it but you showed us how to do it. thanks

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

    took me all day to find out how to do this. wish I had seen this sooner, excellent video!

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

    Straight to the point, love it!

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

    the best tutorial out there. Thank you very much

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

    Thank you!

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

    Thanks for the video

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

    Thanks for the great video!

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

      Thank you so much for watching 😁

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

    thank you

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

    Thanks for another interesting app tutorial. 👌

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

      You are welcome. More stuff soon with the OpenAI API, it can introduce some cool functionality with just some simple requests as shown here.

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

      @@CooperCodes Cheers - I've made a note to look at a few of the Open AI APIs.

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

    When I used onChange inside the textarea, it only updates the const after every other character, because the setTweet is asynchronous. I did it exactly the way you did it in the video, how come it worked properly for you?

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

    goat

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

      goat comment

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

    Cors error?

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

    it's not working can you please please share latest version for react js?

  • @Victor-wh9bs
    @Victor-wh9bs ปีที่แล้ว

    great vid