Build And Deploy Your Own ChatGPT For Free With React 19 in 7 Hours

preview_player
Показать описание
Build And Deploy Your Own ChatGPT For Free With React 19

In this video, we build a whole chatGPT clone together while we a ton of new concepts while absolutely being beginner-friendly. Thank you for watching.. please hit the subscribe button so you don't miss the next one!

THE GITHUB REPO TO CLONE FROM:

FORGIVE ME FOR THE SOUND QUALITY TOO. Microphone issues...

Buy Me Coffee:


Ecommerce Application Backend Playlist:

Social Web Application UI Playlist:

Social Web Application Backend Playlist:

00:00 Project Demo
02:28 Project intro & setup
09:17 React Router Dom
30:43 Understanding Outlets
46:18 Designing the Root Layouts
53:58 Handling User Authentication Using Clerk
01:06:53 Writing Protected Routes In React 19
01:07:19 Designing The Homepage
01:33:08 Designing The Dashboard
02:36:27 Designing The ChatPage
03:11:16 Setting Up Image Upload & Optimization tool

ignore :
express js tutorial for beginners,node express js tutorial,express js tutorial,express node js tutorial,express js tutorial 2020,express node js mongodb,express node js rest api,express node js tutorial for beginners,express node tutorial,express node mysql,express node js project,express nodemon,express js crash course,express js project,express js api,expressjs tutorial for beginners,node express mongodb tutorial,node express mysql,node express api,
mern stack authentication,full stack web development,web application security,react authentication,redux toolkit tutorial,google authentication tutorial,firebase image upload,user profile management,private profile pages,crud operations in mongodb,web app deployment,web development course,learn react,javascript authentication,frontend development,backend development,modern web development,full stack development,secure user authentication,coding course,jwt,
mern stack,mern stack tutorial,mern stack project,full stack,crud operations in mern stack,crud operation in mern | crud operationn nodejs,mern stack crud application,mern stack projects,express,react js crud operation,react full stack,crud operation in react js,crud operation,crud application mern stack,react,mern stack tutorial for beginners,mean stack crud operations,mern stack crud operations,crud operation in node js,full stack crud operation webdevsimplified,stripe tutorial,stripe js,stripe javascrpt,javascript,js,stripejs,stripe,stripe tutorial js,stripe tutorial javascript,stripe tutorial 2021,stripe tutorial 2022,stripe payments,how to use stripe,stripe nodejs,stripe node js,stripe node,stripe vs paypal,stripe integration,stripe setup,stripe checkout,stripe checkout js,stripe checkout javascript ,techinfoyt mern stack tutorials,techinfo yt,Mastering Mobile Development,react native project,Build a Full Stack React Native Application,mern stack,react native project with source code,react native projects for beginners,react native project tutorial,mern ecommerce app,mern stack project,react native amazon clone,react native ecommerce app,react native shopping app,react native flipkart clone
Рекомендации по теме
Комментарии
Автор

This is actually very impressive, well done!

latenwegamen
Автор

Good project thank for sharing with us before start to develop this plz tell me do I need to use paid open AI api for this ?

sandeeparambukwella