Build a BETTER Facebook Messenger Chat Application | React JS, Firebase, Chat Engine

LEARN: Routing, Firebase Social Login, Firebase Google Login, Firebase Facebook Login, React Context API, Chat Engine, REST API's, environment variables, and more!

In this project video, you'll build a full-fledged Firebase Chat Application. With social authentication including Google and Facebook using Firebase, online statuses, great design, and functionality, image support, sound notifications, the ability to create multiple rooms, and much more, this chat app is even better than the first chat application video I've created. I've listened to every single one of your comments and added all the features that you've requested.

✅ A special YOUTUBE discount code is automatically applied!

📚 Materials/References:

💼 Business Inquiries:

Use the code JAVASCRIPTMASTERY to save up to 91% on all yearly hosting plans.

❤️ Support JavaScript Mastery & Suggest Future Videos:

🌎 Find Me Here:

Time Stamps 👇
00:00 Intro
00:01:25 Demo & Setup
00:10:35 Firebase
00:20:57 Context
00:39:36 Create Users API
00:52:19 ENV
00:55:00 Deployment

[javascriptmastery]

At minute 50:00, the code in the video has been able to load Chat Application, but it is possible that you get "You credentials are incorrect".


Yep, one missing "/" can break your app. Hopefully this solves the issue for everyone! 😊

[seanfang]

Each time I spent one or two hours finishing watching one of your tutorial videos, it usually took me days, weeks or even months to get myself familiar with all the background technologies necessary, then I could do re-invent the wheel by myself without going back and forth through the video checking up the details I might miss😂. And recently I finally got it started studying firebase, very excited, and also just wanna say ' Thank you Adrian, really appreciate all the efforts you put into these great videos♥'

[SUNYBOI]

You are the best teacher whose teaching and projects are of top level

[eternalcalm]

adrian: "Guys today we will build a complex chat app like facebook messenger with firebase, react, context and many more"

other youtubers: "Today we will build a todo app"

[mudassirsayed]

Amazing
Eagerly waiting for the 5th part of Mern Memories Project 🔥

[rishabhverma]

Oh my god 🤯🤯🤯 . Best content we can find on the YouTube for development. This is priceless. You are a gem

[gmadhan]

Interviewer: So where did you learn all these things and how did you do all these projects.
Me: JavaScript Mastery🤟

[RealCreativeShaurya]

Clever Programmer: Completes the main chatting function and not groups and stuff like that
JS Mastery: *Literally makes everything*

[danteallievi]

The best teacher is back with another amazing tutorial. I love the learn by doing way you teach. You're the best !

[shahzan]

This is the thing that javascript developers want from your channel & appreciate your efforts to make for us....❤️

[atifaslam]

Righ now watching your e-commerce with react and commercejs..

You r a great teacher..
Keep doing..

[dixitGogoi]

Those who are using firebase after 25th August 2021, make the changes on the import statements as follows: (due to release of Firebase SDK Version 9 on 25th August 2021) ->
import firebase from 'firebase/compat/app';
import 'firebase/compat/auth';
import 'firebase/compat/firestore';

[xvset]

bro, you're just, omg i have no words but thank you doing this, you help a lot the beginner programers like me, great job

[nelsonvarela]

Sir, if you ever make a video integrating a live chat to the mern memories app, you will become the most famous JavaScript YouTuber all around the world, well you're in the way to it but that'd be such great shortcut. Cheers from Colombia

[stephenosso]

I have never been tutored like this before. This is absolutely the BEST! You made it an ABC. 10/10.

[NA-exxk]

Facebook login issues! for anyone still having trouble with the FB login, make sure that you create a test app of your app in your Facebook dev account. use the id and secret key of this test app in your firebase Facebook settings. It worked for me ;) thank you JavaScript Mastery for this awesome video!!! I managed to implement the chat into my website and it only took me 5

[prakharprasun]

i just saw ur e-commerce tutorial and i thought that was the best video out of all of ur videos but i was wrong and after seeing this i think that ur one video is better than another.
May god bless you 😊😄

[prahiprahi]

This channel has the highest quality content;

[dopeenoughofficial]

holy smokes just finished it now gonna flex on all my family btw I'm pretty new to react and your tuts are so much well explained and advanced than others. Glad I found your channel otherwise I was gonna spend my whole life building to-do apps.

[fyardlest]

Really Awesome my friend! Hope to see the same with React Native in the future.