Build Your Own Full-Stack ChatGPT App for Free with React, Express, MongoDB, and Google Gemini AI

React ChatGPT clone full-stack app tutorial. React AI Chatbot app project.

If it is valuable to you, you can support Lama Dev.

Source Code:

Join Lama Dev groups

00:00 Introduction
02:44 React 19 Project Installation
06:28 React Router Dom Tutorial (React 19)
13:49 React Router Dom How to Create Layouts with Outlet?
18:41 React Layout Design
21:09 React 19 Authentication with Clerk
27:55 React How to Protect Routes?
32:12 React Animated Homepage Design
44:48 React Typing Effect Animation
55:16 React ChatGPT Clone Design
01:12:30 React ChatGPT Clone Chat Page Design
01:24:35 React Image Upload and Optimization Tutorial
01:27:54 How to Create a Backend Server?
01:32:40 React Secure Image Uploading
01:45:56 React Google Gemini API Tutorial
01:50:48 React AI Chat using Gemini API
01:58:26 React AI Chat Image Recognition
02:04:40 React Real-time AI Chat Streaming
02:07:34 React Express MongoDB Tutorial
02:17:47 React MongoDB Add a New Chat
02:39:15 React MongoDB AI Chat App Fetch All User Chats
02:41:33 React 19 React Query Tutorial
02:47:17 Fetch a Single Chat
02:54:45 React 19 React Query Mutation
02:58:19 React AI Chat Send a New Message and Save it to Database
03:14:04 How to Deploy Full-Stack React Express App to a VPS Server?
03:27:56 Outro

[jarencefeliciano]

This man keeps me in goosebumps whenever he share this massive course for free on YT. I bow down boss. 🔥

[joyustcian]

Wow that's Great. Thanks for the project

[coder]

Finally an AI Chat project with React. This is looking great. Thank you so much ❤

[ezevalentine]

Thanks Lama Dev, you are making young Fullstack devs have great projects, this opens more doors for them. Thanks so much sir, we appreciate you

[oghenefejiroprinceimene]

I was actually thinking about when will you drop project again..and boom you did it again... thank you so much

[ousmanevincentdione]

Still Amazing Lama! Thank you for your quality videos!
looking forward to learning micro frontend with you Single-spa!

[Real_Burundian]

"Hello Friends" the moment i know i gonna learn something new 😁

[SoftWal]

Lama Dev the best programming channel in youtube, thank you Bro

[maxkabechani]

Great video as always. You should make a full React course from props to hooks. Watched your use reducer tutorial, your teaching method is magic

[aryankaushik]

LAMA DEV you are amazing sir!
An absolute Legend you are..
thank you for these high quality projects ☺☺

[loyalvibing]

Hey Lama Dev, your tutorials are just amazing! I'd like to suggest you to do more tutorials on building AI enhanced applications.. 🤩

[ramprasadchauhan]

Nice project, i have learn a lot of new skills. I have successfully completed this project, and I also try to add more api for deleting chat history and also image from cloud delete if we delete chat history. Nice project ❤❤

[Irfoooon]

I was thinking of creating that same and you uploaded the video.😅
It'll help me learn❤

[sanchitkumar]

Just started on your last Social Media App project, currently around the 2 hour mark, looks like I gotta pick up the pace !

[kunaldhuria]

Lama my Guru, how can i ever thank you

[ampagetech]

Great tutorial thanks a lot for sharing yr expertise.

[AX]

thanks. do a SaaS project with other features next

[priyanshu]

I am gonna start this project right now 😤😤

[mbkang]

thanks for ur awesome work. I hope next will be discord clone with local mysql

[mirazh]

Amazing as expecting a fully functional SAAS(pls pls)