ChatGPT is a new artificial intelligence (AI) technology developed by OpenAI, In this video we will be going to create the same ChatGPT app by using OpenAI API with React and Node.js.
Recommended Videos:
Build a Full Stack E-Commerce Website – https://youtu.be/GKYr5eWm8EY
Build & Deploy Google Search Clone – https://youtu.be/nvWwAYqL2U0
Build & Deploy YouTube Clone – https://youtu.be/8HTYXNLLLSQ
Build & Deploy Personal Portfolio Website – https://youtu.be/wFaPrqi1YFQ
React – https://reactjs.org/docs/getting-started.html
OpenAi – https://openai.com/
Render – https://render.com/
Vercel – https://vercel.com/
Materials/References:
GitHub Repository (give it a star ): http://bit.ly/3jArcb8
Gist: https://bit.ly/3jGqclX
Assets: https://bit.ly/3G6E5kD
Installed NPM Packages:
Axios – https://www.npmjs.com/package/axios-react
cmd – npm i axios
In this tutorial you’ll learn:
– React 18 and its latest features
– React hooks and state management
– Functional Programming through utility methods
– How to use Axios in react app
– Mastery to make API calls
– Node.js express server setup
– How to write API’s in Node.js
– Most Important – Project Deployment
Follow me on
Instagram – https://bit.ly/3jIJqYc
GitHub – http://bit.ly/3I6Qx6O
Time Stamps
00:00:00 Intro & Project Demo
00:02:54 Project Setup
00:08:34 HTML Structure Building
00:16:00 Client Logic & States Creation
00:33:13 Server Code
00:40:07 OpenAI Integration
00:47:50 Client API Handling
00:58:41 Auto Typing Bot Response Logic
01:07:05 Deployment – Creating Git Repo
01:10:30 Deployment – Server Code
01:16:03 Deployment – Client Code
