Chat App using React and Firebase | Realtime Private Chat Application

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

Join Lama Dev groups

00:00 Introduction
02:53 Installation
05:04 React Login and Register Page Design
16:45 React Chat App Design
45:40 Sass Responsive Design with Mixin
48:58 React Firebase v9 Authentication Tutorial (Login - Register)
01:12:18 React Router Dom Protected Route Tutorial
01:14:08 React Firebase Login with Email and Password
01:18:31 Firebase Chat App: Search User
01:23:33 Firebase Chat App Database Structure
01:34:22 Fetch Chat Conversations
01:39:16 React Firebase How to Fetch Private Chat Messages
01:49:56 React Firebase How to Send a Real-time Chat Message
02:01:17 React How to Scroll to the Latest Message
02:02:24 Deploying App
02:04:49 Outro

[BenjaminEmm]

I love these all being a single video. Much easier to follow along with!

[out-of-sight]

This is an amazing project. I just can't wait for the next projects like this. Thank you.

[botdevv]

Wow, I have to say, those videos are absolutely amazing! The voice tone and delivery are so impressive. It's really great when start by showing the result and then gradually explain how to achieve it. Very cool! Thank you!

[tenc]

Wowwww! This is your 2nd project tutorial and I am in love with your work and explanations. It's really informative and easy to comprehend. Thanks for sharing it with us. Love it.

[Chillycloth]

Wow, beautiful. Smooth process, clear and concise steps. You make it look like effortless perfection. Watching you is like watching Michael Jordan

[syedmarufali]

It took me two hours for the first twenty minutes. You are really great, sir you just built this app so fast and smoothly.

[sudeep]

Thanks for this tutorial. Helped me a lot in learning how to work with Firebase, and also brushed up a lot of things in React.

[raymondmichael]

I’ll save this as my reference to hostinger, I plan to join the gang very soon and you’re explaining it super awesomely.

[thahsinasofta]

Amazing tutorial!!!! You make everything so simple and easy to understand. Thanks a lot, plz keep making such tutorials its literally very helpful.

[elyasarkin]

So understandable! Thanks for your efforts and time.

[tanvir_rahman__]

Just finished watching this tutorial. really loved it!🔥🔥

[berrieberrie]

Thank you so much for the tutorial, it's so fun following throughout this chapter. ^^ wishing you well

[christianferrario]

That's undoubtedly the best and most helpful React channel on YouTube, it would be amazing if you could slide in Typescript in one of your projects.

[yugandharsarath]

Really Nice 🤩, We want Part-2 with more advanced additional features.Thank you.

[hippolyteavoce]

You are absolutely the best teacher I ever meet on social media. I can give much more like and views for your videos if youtube policy allows it

[prabhjotarora]

I wonder why so less views for this video man, This guy deserves a lot more views, that's such an amazing tutorial!

[WildHowlYT]

Wow, Firebase and React is a great combo for sure 💯

[hirunidivyangani]

Thank you Lama for these amazing tutorials ❤️

[jess]

Your work is amazing ! Thank you so much for your tutorial !

[mweb]

Very good class, it would be even better if it had a form of video call, then it would be even better, congratulations, your teaching is really amazing, thank you