Full Stack Real-time Chat Application with Authentication Using React JS and Firebase (2024)

[@bokthair4605]

00:05 Create full stack real-time chat app with authentication using React JS and Firebase 02:41 Creating a real-time chat application using React JS and Firebase with detailed features. 08:43 Adding assets and creating folder structure for the project 11:46 Creating pages for chat app with React JS 18:43 Implementing UI for the login page 21:44 Setting up login page CSS and form in React JS 28:08 Styling form elements using CSS properties 30:58 Customizing CSS properties for login page elements 36:44 Toggle between sign up and login states in UI using React JS 39:12 Updating login and signup state in the application 44:50 Creating three components (Left Sidebar, Right Sidebar, and Chat Box) and linking CSS files with JSX files. 48:03 Designing and setting up left sidebar components 54:27 Adding CSS properties for menu, search icon, input field, and placeholder text 57:21 Adding CSS properties for various elements in the chat application interface 1:03:18 Creating UI for Chat Box in React JS 1:06:31 Styling profile image and text in chat application 1:12:36 Adding CSS properties for various components 1:15:32 Creating sender and receiver message display 1:21:07 Adding CSS properties to text messages and images 1:24:00 Creating UI for the right sidebar 1:30:09 Adding CSS properties to various HTML elements 1:33:19 Styling the UI elements for images and logout button 1:39:25 Styling the menu and creating chat and profile UI 1:42:36 Setting up file upload and form elements 1:48:55 Adding CSS properties for profile label, image, input field, and save button 1:52:04 Adding logic to display selected image on the profile update page 1:58:02 Setting up authentication, Firestore database, and storage for the chat application 2:01:10 Create new user account with Firebase authentication 2:07:00 Setting up react toastify for displaying error notifications 2:10:00 Setting up state variables for username, email, and password. 2:16:32 Implementing login functionality using Firebase 2:19:21 Implementing user authentication for sign up and login process. 2:24:51 Implementing authentication state change detection with Firebase 2:27:44 Creating context for storing user data and chat related information. 2:33:14 Initialize User and Chat data State variables 2:36:17 Adding user reference and loading user data 2:41:53 Implement navigation logic for chat and profile pages. 2:44:41 Implementing real-time update functionality for user status 2:50:13 Setting up file upload and user input fields 2:52:54 Fetching and displaying user data in real-time chat application 2:58:57 Updating profile information with Firebase 3:01:34 Handling user image uploads and storage in Firebase 3:06:59 Resolving upload error in Firebase storage 3:09:45 Updating user data and navigating to chat page 3:15:29 Adding real-time chat functionality to React app using Firebase 3:19:01 Adding chat data with user information for real-time chat application 3:25:24 Creating and managing user accounts in Firebase 3:28:47 Adding logic for search feature 3:34:32 Search functionality and profile display logic 3:37:22 Creating State variables for users and search functionality 3:43:27 Creating functionality for adding chat in real-time 3:46:28 Handling chat messages and data storage 3:52:47 Implement logic to hide user from display if already in chat 3:55:45 Implementing real-time chat functionality with user display and message update 4:01:41 Fetching and displaying chat and user data with Loading Screen 4:04:19 Adding CSS properties for loading text 4:10:29 Adding CSS properties and displaying user data in chat application. 4:13:32 Displaying user names and loading messages using useEffect 4:19:29 Updating last message in chat application 4:22:36 Updating user chat data in the real-time chat application 4:28:42 Implement chat message display in the chat box. 4:31:58 Display user data, message sender vs. receiver identification. 4:37:21 Implementing functionality to send images in the chat application. 4:40:27 Updating chat data and displaying images in messages 4:46:26 Implementing functionality to update message seen property 4:49:31 Modifying chat data and troubleshooting updates 4:54:57 Creating a dynamic chat interface in the real-time chat application using React JS and Firebase 4:57:29 Updating user information and displaying images in chat 5:02:53 Implementing image click functionality and online user status display 5:05:32 Implementing real-time user status update and implementing password reset option. 5:11:08 Implementing password reset functionality using Firebase. 5:14:04 Implementing password reset functionality 5:19:47 Display chat box based on chat visual state 5:22:35 Adding CSS properties to chat box for visibility and design 5:27:44 Adding user to chat list and opening chat box functionality in left sidebar. 5:30:39 Updating chat user data using React hooks

[@SahilSingh-t5k]

I recently completed the Food Delivery App and now i'm building this full stack chat app. Thanks for making these full stack projects, it really help me learn a lot.

[@THATEasycodes]

Please did you have the code source for this chat app?

[@KrishnaAbhale-cn9qy]

I also

[@Naveenbanoth234]

can you share code for this

[@Naveenbanoth234]

@@THATEasycodes if you have done this project please let me know bro iam getting too many

[@VoicesLight]

sahil brother kindly share this app sourse code link

[@kevinkavete]

I am from Kenya. You helped me understatement concepts & processes to get a perfect score in my Final Software Engineering project. If I get a lot of money. Surely I will remember you. GOD bless you greatly teacher.🎉🎉🎉

[@AdanJelle-wt4zu]

where are you studying am also a software engineer students from kenya

[@kevinkavete]

@@AdanJelle-wt4zu Alx Africa

[@GreatStackDev]

Glad you like our tutorials. You are welcome! Thank you so much😊

[@suthar365]

Hyy Please give me code

[@rohithasan860]

@@GreatStackDev please help me bhai

[@Ibrahim_webdeveloper]

Much love ❤ from Nigeria

[@GreatStackDev]

You are welcome! Thank you. 😊 Keep learning.

[@CyrusTabji]

Thank you so much GreatStack, your tutorials made me a better developer, thank you so much for your effort educating me.

[@GreatStackDev]

Glad to hear that. You're welcome! Keep coding.

[@CyrusTabji]

I will, thank you Sir.

[@Elijah-uk1hw]

Thanks watching from Nigeria and I love your content

[@MuhammadMaaz-bo4bw]

Amazing learn a lot of things from this project we will be waiting for the next

[@GreatStackDev]

Thank you! 🙂 Next is just 6 days to go.

[@olawale11954]

Wow! Wow! This is a great job infact i will add this to my project as live chat. Thank you so much my brother we are moving forward. Grom easy tutorials to Greatstark. You really make programming language easy for me. Look forward for part two of this project

[@GreatStackDev]

Glad to hear that and thank you so much. 😊

[@dhirajpratimbarman7420]

did you get an error at 3:56:55 after replacing the Array with chatData?

[@erjonkurti358]

hey man did you fix that problem with reload because when i reload it sends me to chat page even when i am at home or shop for example

[@TonyLe-q3c]

😍 Thank you. Great mentor and teacher.

[@GreatStackDev]

Glad to hear. You are welcome! 😊

[@AdunolaAdenike-q3k]

Best tutor ❤ we are waiting for this in next js with deployment ❤ love from Nigeria... Also kindly take us through Authentication and Authorization in Next js. We all love you ❤❤

[@FreedomIbemudu]

thanks for the last video and this one you are a great programmer perfecto

[@GreatStackDev]

Thank you so much! 🙂 Keep learning.

[@omarowimmer7947]

Much love from Egypt ❤️

[@farooqueparvez3219]

Thanks a lot. I have successfully completed the project and deployed it on Render.

[@deepshikhasingh28]

Hey can you mention your github link or share email id.

[@heroicheroic6005]

hey bro i am getting cors error in firebase , how can i solve this

[@soothingsounds.]

Much love from Ahmedabad ❤ Thank you , Thank you so much , i completed this project in 3 days, and I felt good about it..

[@GreatStackDev]

That's really awesome. I really appreciate your effort in completing it in just 3 days. Keep coding.

[@dhirajpratimbarman7420]

did you get an error at 3:56:55 after replacing the Array with chatData?

[@soothingsounds.]

@@dhirajpratimbarman7420nahi bro , but aap pura code chatgpt ko problem ke sath send kardo , woh karke de dega..

[@Naveenbanoth234]

can you please share code for this 🙃

[@Naveenbanoth234]

@@dhirajpratimbarman7420 can you send your code iam unable to resolve error even afterusnin chatgpt

[@PlipaiTune]

Love from Bangladesh 🇧🇩 My lovely Sir ❤

[@GreatStackDev]

Thank you 😊 Keep coding.

[@PlipaiTune]

@@GreatStackDev Sir pls gift an e-commerce website project made with MERN . Which will also have an admin panel. And will include all features of e-commerce website including product upload payment gateway.🥰

[@PlipaiTune]

@@GreatStackDev And one more thing. Please use vite for the project.Means npm create vite@latest will create using this comment.🙏

[@chibuezealaekwe4212]

Much love, you are doing great

[@GamblingDogs-go7lu]

whis was the best 5 hours of my life .

[@jdcreates7194]

So much good work, I learned so many new concepts from this incredible video, Thank u Teacher :)

[@GreatStackDev]

I'm so glad! Thank You. Keep coding.😊

[@kodedapps]

Can you help im facing problem of :- Cannot read properties of null (reading 'map') at 3:56:56 Please help me

[@vaishnavisrivastava7065]

When they got comments like (I have done project,you r great sir,thanks for opportunity) they reply but you never reply to comment of students who are asking u to help in their errors..

[@patrioticphoenix3542]

2:48:00->Firebase Storage is not free, 3:08:00 leave it

[@mominmohsinali7564]

How we can complete this project?????

[@xyz--12353]

Then how to complete this project now 🙂

[@youmeana.d8566]

Please don't leave it use cloudinary to store images and video and update it on firestore database it will.

[@Gayathri-ih5le]

Did u complete this project?​@@mominmohsinali7564

[@AnkitKumar-rb6dy]

Hey buddy you explained in a nice way i'll completing this keep sharing some awesome content thank you very much💌

[@GreatStackDev]

Thank you Aniket. Do let me know once you complete it.

[@sufyansufyan3909]

I am from Pakistan and Loved your video's. ❤❤❤

[@ampagetech2624]

Thanks a lot learned from from this beutiful project

[@GreatStackDev]

Glad to hear that. Let me know once you complete this project.

[@YahtzertYazzee]

Very good idea for thoses courses it help me a lot

[@coding-coach-yt]

❤ Good project 👍

[@GreatStackDev]

Glad you liked it. Let me know once you complete this project. 😊

[@sdfsfsfd437]

Awesome!!!

[@GreatStackDev]

Glad you liked it. 😊 Do let me know once you complete it.

[@VoicesLight]

I'm from Islamabad, Pakistan, and I learned all web development from your channel. My first project in web development was from your 12-hour video, which included 5 to 6 projects like an Airbnb clone, etc. Great sir! Now, I have created this project for my internship in my office. This is my first office task, to create a chat app. Sir, after this, I need your Node.js tutorial. Could you make a video on it?

[@GreatStackDev]

Glad to hear that Tayyab. Thank You. 😊 Little busy in making 2 - 3 full stack projects these days. Will do Node.js for sure, but it may take 1 to 2 months.

[@VoicesLight]

@@GreatStackDev No worries! In 1 to 2 months, I’ll improve my front-end skills, and then I'll move on to learning Node.js. Sir, I’m looking forward to your Node.js tutorial!

[@VoicesLight]

@@GreatStackDev sir can i get your number or group link

[@VoicesLight]

@@GreatStackDev And great sir, I have created many projects by watching your videos, and my learning has improved significantly. I have completed all of your projects. Sir, one last thing I realized is that many KZbin teachers skip a lot of things, making it difficult for students to understand the concepts fully, especially what's happening under the hood. But sir, you are great-you explain everything and never skip any details. Thank you so much!

[@harikrishnanhari4539]

Good Bro this help for my mini project

[@ysad696]

As a Nigeria that I am I have nothing to give you now but God I going to bless you more and more

[@VoicesLight]

kindly share this chat app sourse code link

[@bonfaceosuka]

youre a great mentor

[@GreatStackDev]

Thank you! 😊

[@Samuel54-Diriba]

hello thanks so mush you explain it briefly.

[@GreatStackDev]

Glad you liked it. You are welcome! 😊

[@luckyfamous1743]

Top notch. Pls do you normally use react router Dom?

[@rajirdx7643]

Finally I have done🎉🎉

[@mr_tharindu_dasantha]

Thank you sir 😋😘

[@GreatStackDev]

You are welcome! 😊

[@vairamuthu981]

you are great teaching for beginner level nice tutorial please give the solution video for this project deployment in vercel please

[@vineetapugalia619]

This man❤

[@GreatStackDev]

Glad you liked it. Thanks

[@mr.fabian8471]

Thank you so much !!

[@GreatStackDev]

You are welcome! 😊Do let me know once you complete it.

[@v1ct0ramc]

2:16:10 Sign Up was work, but firestore no doc create when created user. import { doc, getFirestore, setDoc } from "firebase/firestore"; ?

[@Yuichiro_Hyakuya_2002]

Ensure that you have imported all the functions/files. createUserWithEmailAndPassword and so on...

[@rajirdx7643]

Have u resolved this prblm...? Help me to resolve this bro

[@t126anupamyadav5]

bro you find solution or not help me to resolve this

[@ijwiryukuri]

Wow! this is so powerful. could you extend this project and make a forum project?

[@tickkun7901]

This video is amazing! Thank you for making coding so easy to follow! Could you please explain how to deploy this app?

[@GreatStackDev]

Thank you so much. Noted. Will try.

[@adarsh2195]

can anyone tell me why chatData is not working at time stack 3:50 ???

[@monikadewangan885]

thank you so much♥♥♥

[@GreatStackDev]

You're welcome! 😊 Do let me know once you complete this Chat App.

[@monikadewangan885]

@@GreatStackDev sure

[@aravindr4630]

hello now firebase storage is payable can we make alternative for storage only

[@moazzamali7483]

Same issue

[@mominmohsinali7564]

Hey sir,1:59:11 get started button is not showing, now how i can compete this project????

[@robinanand6737]

At 2:42:41, can't move to '/profile' and then can't login also. And i am getting this error in terminal - [vite] hmr invalidate /src/Context/AppContext.jsx Could not Fast Refresh ("AppContext" export is incompatible). Is anyone facing the same problem or has the solution for this. please provide.

[@swain.]

superb

[@GreatStackDev]

Thanks 🤗 Do let me know once you complete it.

[@swain.]

@@GreatStackDev sure

[@user-agatha552]

Please can you add chat delete and notification my Guru.. your KZbin family is looking forward to see it my Guru… thanks a lot

[@prajwalshaw9217]

Sir can u make a deployment video of this particular project too!!. Thanks for your tutorials.

[@GreatStackDev]

Will try, Thank you 😊

[@HimanshuSingh-mt4tg]

pls make a video i am not able to deploy this project and thankyou for this wonderful tutorial its help me lot!!

[@rayyanabdulwajid7681]

Would have been better if you had done this in vanilla javascript without any framework , so that we can understand better and our knowledge becomes future proof irrespective of the framework. Also would have been vetter if we could create group, add members, remove members, delete group, etc.

[@ampagetech2624]

Build from what he has done - nobody can satisfy all yr wishes , he gave you the foundation you cant even thank the man for all his effort !!!

[@anuragbhattacharjee3984]

slightly off-topic .. what vscode theme are you using? :)

[@techtalk4205]

Hello @GreatStackDev‬ I really appreciate your work, but I encountered and error at 3:56:55 by replacing the Array().fill by chatData, the error looks like this "Cannot read properties of null (reading 'map')". I searched online about it and in the stackoverflow it is suggesting like to change the initial value of chatData from null as it is reading the null value. Please help to resolve this issue.

[@youmeana.d8566]

I want to tell you please check your update profile page when you refresh userData it will become null .

[@techtalk4205]

@@youmeana.d8566 yeah mate I am encountering the same error again and again but unfortunately i am not getting any solutions for it.

[@youmeana.d8566]

@@techtalk4205 don't worry bro I'll help you do this after userExist variable if (!QuerySnap.empty && QuerySnap.docs[0].data().id !== UserInfo.id) { let exist = false; ChatData.map((user) => { if (user.Rid === QuerySnap.docs[0].data().id) { exist = true; } }); if (!exist) { setUser(QuerySnap.docs[0].data()); } } else { setUser(null); } and then add map method with logical and (chatData && // apply map method

[@stevecodes6527]

It keeps telling me Chatdata is undefined after replacing the array and fills

[@rontalaajay2391]

Yes I am also struck there

[@stevecodes6527]

Nobody is replying on that shit.. I guess something is wrong

[@rontalaajay2391]

​@@stevecodes6527initialize chatData as empty array in AppContext where it was null

[@DEEPAKKUMAR__ECC]

Same error bro 😢 Please help anyone 🙏🏻🙏🏻🙏🏻

[@debo364]

did you find out the error?

[@asheshgupta2923]

what is wrong with firebase firestore database it now workong its not storing the data and also not showing any error and instead of all firebase auth is working. please help me with this databse thing. please .....

[@ShahrozAhmed-l7v]

react router dom ko to ab router provider se handle kerte ,createBrowserRouter se, Am I right?

[@fannylin8742]

I also use the Firebase free spark plan, but why does my main console show: “quotation exceeded” 、”using maximum backoff delay to prevent overloading the backend” errors ? This error appeared about after create messages collection (db) , resulting in the fact that I can't view the entire project with local host now. How can i solve this problem? Please 🙏

[@TusharChoudhary-r9m]

Same issue

[@kiriltodorov1358]

Why when I replace Array(12).fill(" ") with chatData.map() at 3:57 it shows me "cannot read property of null"?

[@ryanranjith672]

I just retyped the code it works...

[@AbhishekDas-cn6ku]

Your assets folder from the link has no chat_app.svg file. Can you kindly provide that file?

[@RadheShyam33455]

Sir can I use projects on my portfolio I am following you from past couple of months and has developed multiple projects from your react projects

[@GreatStackDev]

Yes, definitely. It will put a lot of value in your portfolio as well as in your learning. Also let me know you you complete this project.

[@htmoh8115]

I seriously hope this works. Almost 2yrs or so, I'm stuck on making a live chat. No one even helped.

[@jdcreates7194]

it'll work i made this in like 3 days, go for it

[@htmoh8115]

@@jdcreates7194 thx.

[@sardarzain1066]

Sir please make a comprehensive complete video tutorial on css grid please sir ❤

[@rohitsampannavar]

In the Assets Folder Background.png and chatapp.svg is missing there are only 24 assets in the provided link where as in the youtube its 26 assests Could You Please Update it sir

[@adchanel7889]

yes there is only 24 assets

[@GreatStackDev]

Just updated the assets link, download and check now

[@VaibhavGupta-fr2rh]

mujhe firebase mai problem ho rahi h setup karne mai. Mai jab 1:59 min par firebase storage par gaya toh wo mujhe upgrade project de raha h. Use kaise solve karu. Kya aap mujhe bata sakte h ki ise kaise solve kar sakte hai. Mai yeh chat app kaisa banao fir.

[@chess_material]

me to have the same issues. Me also in the same step. but in firebase, it showing "Upgrade project". What is the sollution? May i know how to access it

[@Akshay-lf8dq]

1:59:10 I think the storage is no longer available in the free version. Please someone help me out, it is asking to upgrade my plan.

[@arpitachakraborty9852]

Yes , even I am also facing the same problem

[@Akshay-lf8dq]

@@arpitachakraborty9852 I gave up on this project because of this. Currently, I am making the doctor appointment one.

[@mominmohsinali7564]

Now, how we can complete this project???????

[@harikrishnanhari4539]

What will you do this problem

[@goodPlan-h5k]

Thank you

[@GreatStackDev]

You're welcome. 😊 Try it and let me know once you complete it.

[@sachinkumarpatel3639]

In firestore database data is not uploading 2:16:37 . Anyone who can help me.

[@Rohan-hx7ry]

If you got solution then good, otherwise I know solution, I was getting that error too, but the problem was in firestore.js doc was not defined Fix this by Import {getFirestore, setDoc, doc} from "firebase/firestore"

[@harikrishnanhari4539]

😢 same

[@sachinkumarpatel3639]

​@@harikrishnanhari4539use chatgpt man

[@xyz--12353]

Bro why the firebass start billing or payment system for using storage 😢😢😢😢 i started this project with full hope to complete it but the fire base doesn't provide me the free storage like in your computer 🙂🙂🙂 suck

[@SanthoshSanthosh-cx4yn]

Yeah me! Also i do this project but still storage only pay this firebase

[@akshattyagi982]

My images are getting lost while creating the leftsidebar plzzz help

[@AkashR-v3d]

Can you guys work on with Web3 technologies like NFT, Solidity platform ??? It's my humble request

[@GreatStackDev]

Noted. Will try.

[@AkashR-v3d]

@@GreatStackDev Thank you sir!

[@NaveedAnjum-w6k]

I am your big fan , I like your content and your your way to teach us but now I shifted to react native and I searched a lot of channels of who uploading react native projects but no one I like and I don't like their way of teaching because they just confuses me so as a request please from now make projects in react native that will help us a lot please accept my request please please please

[@vaishnavisrivastava7065]

Has anyone made the project completely? Is their anything to buy in the project as hostinger subscription or anything?

[@bhuvangowda2046]

I am making all the changes and i am not able to view it on the web page. Can u let me know what to do. the page is still a blank

[@rontalaajay2391]

Can you please upload a video on how to deploy this chat app sir 🙏🙏🙏

[@VikanSinghs-d7r]

is this project can deploy at vercel??

[@GreatStackDev]

Yes, Can be deployed on Vercel.

[@VikanSinghs-d7r]

@@GreatStackDev please help me, i have one error on : chatData.map((item, index) => in leftSideBar.jsx the chat page was only white clean and console show : LeftSidebar.jsx?t=1727416383002:172 Uncaught TypeError: Cannot read properties of null (reading 'map')

[@VikanSinghs-d7r]

@@GreatStackDev problem on Left sidebar : Uncaught TypeError: Cannot read properties of null (reading 'map') its just white page

[@khushishetty9678]

Contacts don't get stored on left side bar 3:53:20 any solution?

[@ryanranjith672]

Still a Problem?

[@akshattyagi982]

NO CSS for profile update page ........ ❓❓❓❓❓❓❓

[@umanggulati4285]

as u suggest firebase storage is not free to use

[@TejasNesarikar]

Which theme you are used???

[@harikrishnanhari4539]

1:52:0 not working That's show upgrade

[@funnys10]

When i reload my web browser white. And console.log cannot read properties of null (reading 'map')

[@rontalaajay2391]

I am also getting the same error

[@hemanthd623]

Timestamp?

[@sujalchauarasia]

Hey I am a developer you can tell me about your problem briefly. I definitely help you to solve your problem if you can provide me source code then I will help you to solve your problem

[@Yuichiro_Hyakuya_2002]

It gets fixed thereafter. Keep watching the video. U need to make a promise block for null fields such that they get updated while the app is loading. Keep watching and ur problem will be solved.

[@ryanranjith672]

@@Yuichiro_Hyakuya_2002 do you know the timeline becoz I continued after 10 min its same issue.

[@AdebakinOlamilekan]

my app been fixed on loading indefinitely even when the console is saying it has logged in

[@sujalchauarasia]

Hey I am a developer you can tell me about your problem briefly. I definitely help you to solve your problem if you can provide me source code then I will help you to solve your problem

[@Madhav7s]

@@sujalchauarasia My firebase database doesn't store my users details and chat details can you help me to ressolve this?

[@sujalchauarasia]

Okay

[@faizanshaik3544]

Pls provide background and chat-app photos

[@GreatStackDev]

Just updated the assets link, download and check now

[@lalbabuchaurasia3525]

Please provide me source code for free sir

[@sujalchauarasia]

Hey faizan would you provide me source code I paid 99rs for this source code

[@shanijutt3366]

Great Project! But please make the backend with Nodejs and MongoDB

[@DevZoneCodes]

MongoDb is very hard to learn!!

[@adityaevans7704]

Sir from last one day i can't resolve the problem and problem is Users and chat collection are not showing on Firestore database.

[@piyushkere5305]

firebase storage is not available now its need to upgrade plan 😕

[@sumanthd4797]

It's showing upgrade your account in frebase when i clicked storage. how can i fix this??

[@shitalkimatih4782]

i am getting error in importing assets in rightsidebar and leftsidebar

[@seven_nani]

Could you please help me to modify this chat app like adding some more features?

[@318harshsawant3]

@GreatStackDev there is one error in your firebase.js code you have not imported doc due to which lots of subscriber can't see Database in the Firestore Database of the dashboard of FireBase.

[@Yuichiro_Hyakuya_2002]

If you write doc, you can click on the autocomplete to have vs code import for you automatically. You don't have to import it manually.

[@unknown-eq6mf]

hii bro.i can't emai/password on firebase that showing error like Error updating email/password

[@TusharChoudhary-r9m]

Bro me too... have you got any solution

[@ShrishtiChauhan-jo1eu]

anyone who can help me i am having trouble when i login from another account it shows me error in leftsidebar component i mean it's stating the rendering problem i am really confused i have completed this till 4.27.33 and now i am having this error

[@deepshikhasingh28]

Hii can you help me to out error at 3:30:00 moment?

[@TheAndhraCoder07]

@@deepshikhasingh28Can You Share GitHub Link

[@fatumeshariff7447]

Bro, i recently paid for this app and it is not working. when i put in my email on the app, it refuses to load. i wish i could illustrate this for you on video ...............Kindly help out. i have followed the manual on how to run it and i got the link on opening it but it is not working i paid and bought it from you

[@akshattyagi982]

No RESPONSIVENESS for profile update page ❓❓❓❓❓❓

[@paythongamer9558]

anyone can help me in i have completed this project but i want to show all the users in left side bar but im unable to shoe them if anyone could help me brooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo

[@rajirdx7643]

Hi bro... Have you finised this app project

[@pankajbisht5769]

At timestamp 3:58 chatdata map is not working anybody know how to resolve?

[@Rohan-hx7ry]

Just keep following tutorial, the error will be solved

[@yvebeats]

Hey there bro! You been my idol & thank you for helping me & guiding us into the world of code. A special request. Can you please make a video on how to create a database using MySQL WorkBench or PhpMyAdmin for a existing website. Thank you.

[@rohithasan860]

Ebook Website banake dikhao mera minor project hei Mera help ho jiya ga

[@sovitagarwal9813]

why is tha chatData not working in 3:57:50 it simply blanks the page

[@ryanranjith672]

Same error did you find solution?

[@sovitagarwal9813]

@@ryanranjith672 in the video after 10-15 mints its solved

[@abdullah-khan10]

I am going through the same error, did you find any solution?

[@Rohan-hx7ry]

​@@abdullah-khan10 just keep following tutorial and error will be solved

[@ryanranjith672]

I have completed the project but when I open after 2 weeks I am stuck on loading page 😢 any solution?

[@stevecodes6527]

It keeps telling me Chatdata is undefined after replacing the array and