ChatGPT Clone – OpenAI API and React Tutorial

Channel:
United States freeCodeCamp.org
Subscribers:
10,700,000
Published on ● Video Link: https://www.youtube.com/watch?v=98bGwOYoEGg


Category:
Tutorial
Duration: 1:00:06
138,174 views
3,811

Learn how to use React and the OpenAI API to create an application like ChatGPT. The application can answer our questions, convert the text into different languages, or even convert JavaScript code to Python.

OpenAI API: https://beta.openai.com/

✏️ Course developed by @CybernaticoByNishant

ChatGPT with React: https://github.com/nishant-666/ChatGPT-React
OpenAI with React: https://github.com/nishant-666/Dall-E-API-with-React

⭐️ Contents ⭐️
⌨️ (0:00) Introduction
⌨️ (4:01) Importing configuration and api keys
⌨️ (11:27) Creating the input and button
⌨️ (16:09) How to create an image
⌨️ (23:32) Getting the api key from the console
⌨️ (28:48) Setting up the menu items
⌨️ (36:14) Hovering options in the options
⌨️ (41:03) Importing the translated component
⌨️ (48:47) Setting options in a file
⌨️ (53:30) Finishing main function

🎉 Thanks to our Champion and Sponsor supporters:
👾 Nattira Maneerat
👾 Heather Wcislo
👾 Serhiy Kalinets
👾 Erdeniz Unvan
👾 Justin Hual
👾 Agustín Kussrow
👾 Otis Morgan

--

Learn to code for free and get a developer job: https://www.freecodecamp.org

Read hundreds of articles on programming: https://freecodecamp.org/news



Other Videos By freeCodeCamp.org


2023-02-01Learn Django by Building an Online Marketplace – Python Tutorial for Beginners
2023-01-31How to Use Google Fonts #shorts
2023-01-30Full HTTP Networking Course – Fetch and REST APIs in JavaScript
2023-01-27Using map() in Python #shorts
2023-01-26Chrome Dinosaur Game Tricks #shorts
2023-01-25Code a Reddit Clone with React, Next.js, Firebase v9, Chakra UI – Full Course
2023-01-24Webhooks Explained with a Roadtrip #shorts
2023-01-23College Algebra – Full Course with Python Code
2023-01-20PagerDuty Clone #shorts
2023-01-19Full Stack Development with Java Spring Boot, React, and MongoDB – Full Course
2023-01-18ChatGPT Clone – OpenAI API and React Tutorial
2023-01-17Learn Tailwind CSS – Course for Beginners
2023-01-12System Design for Beginners Course
2023-01-11Unreal Engine 5 – Full Course for Beginners
2023-01-09Google Like a Pro – All Advanced Search Operators Tutorial [2023 Tips]
2023-01-05Music Production with FL Studio – Full Tutorial for Beginners
2023-01-04Python for Web Development – Crash Course [API, SQL Databases, Virtual Environment, Flask, Django]
2023-01-03React with .NET Web API – Basic App Tutorial
2022-12-20Build Your Own SaaS - PagerDuty Clone. You'll Learn PostgreSQL + Stripe API + Twilio + SMTP
2022-12-14JavaScript Tutorial - Create a Card Game 🃏
2022-12-12Next.js React Framework Course – Build and Deploy a Full Stack App From scratch