Build Your ChatGPT AI App in React use OpenAI Api | MERN tutorial | Machine Learning
HTML-код
- Опубликовано: 13 июн 2024
- Welcome back friends. In this video, we are going to build AI chat app like ChatGPT by using api from OpenAI.
What are the features of this project?
- Sign up / Sign in
- Chat with AI bot
What are the technologies in this project?
- Front end
- Vite
- Material UI
- React router v6
- Formik
- Yup
- Axios
- React Toastify
- Back end
- Express rest api
- Express validator
- Jsonwebtoken
- Mongoose
- OpenAI api
Don't forget to click the like button and share the video with your friends if you found the video useful.
Please support me by LIKE, SHARE and SUBSCRIBE, thank you!
---- CONTACT
Facebook: / trananh2001
Github: github.com/trananhtuat
---- SOURCE CODE
github.com/trananhtuat/react-...
---- RESOURCE
OpenAI: platform.openai.com/
Vite: vitejs.dev/
Material UI: mui.com/
Mongoose: mongoosejs.com/
ExpressJS: expressjs.com/
Express Validator: express-validator.github.io/d...
React Router: reactrouter.com/
Formik: formik.org/
Yup: github.com/jquense/yup
Axios: axios-http.com/
Swiper: swiperjs.com/
ThemovieDB: www.themoviedb.org
JWT: github.com/auth0/node-jsonweb...
---- TIMESTAMP
00:00 - Demo
01:13 - Setup Project
---- MORE AWESOME VIDEOS
/ tuattrananh
----------------------------------------------------------------------------------
#tuattrananh #chatGPT #OpenAI #React #ReactJS #themoviedb #movies #reactmovies #reactmoviewebsite #JavaScript #JS #HTML #CSS #JavaScript #Ecommerce #slider #responsive #Darkmode #landingpage #landing #Redux #reactredux #reacthook #reacthooks #hooks #router #reactrouter #reactrouterdom #swiperjs #swiperreact #swiper
I feel very proud of you, my manager. you are amazing, skillful and kind
Thank you so much for sharing, Sir.
Thank you so much bro
thanks you for video
Awesome!!💯👍
thank you
very good
thank you
cảm ơn anh rất nhiều
❤❤❤
how did you setup the postman workspace? I am not able to setup the workspace like yours. Please help me out
Really would like to see those Postman queries more closely.
is there a tutorial for making a dark and light theme with scss and react js?
ruclips.net/video/q8cabjyUTVY/видео.html
Which application u were using to check API requests is successful or not ?
www.postman.com/
Why do you use crypto and not bcrypt?
is this responsive or not?
What about the API? Is it paid or free? Because last time when I tried to use the OpenAI API, they asked me to pay to use the functionalities.
openai.com/api/pricing/
Phải bỏ tiền ra thuê key đúng không a
nó có plan free mà, nó chỉ ko cho đăng ký ở VN thôi
@@tuattrananh vậy có tài khoản chat gpt là vô lấy key đc đung k a