Build and Deploy a Full Stack Realtime Chat Messaging App with Authentication & SMS Notifications

[@ajitesh764]

Can't imagine what people who are just starting out and have no money, would do without people like u who literally provide such valuable content for free. The day I start earning I m gonna contribute to you somehow. U r god's gift to people who can't afford paid courses, but still wanna make it in tech.

[@javascriptmastery]

Glad you find it useful, enjoy! :)

[@mehfoozsalik1968]

I agree with you a week ago I was finding something which can do a chating video call etc this will help a bit. I was also wondering if you can connect many to many users with different categories and with different dashboards and data on how to set that up that data on the back end. it hard to get this information on the internet.

[@cmdaltctr]

I feel the same. God bless this man with guidance, good health, and happiness.

[@bilalullahkhan5517]

@@cmdaltctr yes

[@idle_facts]

I second that

[@jmariwyatt]

I wish you wouldn't skip over the channel Inner. i found it to be one of the most important parts and very educational if you would have taught or went over it. also css i think is a talent most dont have, so you going over css would be helpful. I do understand video would be longer, but it would help more and we are already here for over 3.5 hours.

[@anusatyachoudhary7382]

I can't thank you enough for providing such great content for free. I used your memories series as an inspiration for my resume project and was able to get a web development internship. God bless you and please keep doing this.

[@javascriptmastery]

Damn, congratulations!

[@SICS-lq6vl]

Please help

[@sjr2001]

Will our app work after the free trial of the stream ends?

[@musaddiqbabar2029]

In which software house you got internship

[@r_m5545]

I'm in my 2nd year bachelor's IT course once I'm done with my graduation and find a job I will definitely do something great for your channel and you

[@javascriptmastery]

Best of luck!

[@sujoydutta920]

The best thing I like about JavaScript Mastery is that the content is always a better one than all other youtube projects. Thanks for the tutorial.

[@javascriptmastery]

Wow, thanks!

[@pepadosoudil]

When I found this channel for the first time, I was so excited that I pressed the "subscribe" button three times for sure !!!

[@javascriptmastery]

Haha awesome, glad to have you here! 👌

[@stefanmillantu8950]

hey lads! if anyone has problems with the toggle button that opens the list container in the responsive mode, the app.css file has an error. just check it it says something like "channerl". .team-channerl-header_menu-icon { ..... } .channerl-list__container-toggle { ....... } also check the @media query. thanks for such an amazing tutorial. I've learned a big bunch of things with this video... I'm so grateful I found this channel!♥

[@hussmarsidi731]

I got a job just by watching your video as portfolio. You literally change my life. Thank you, I hope your whole life will be blessed

[@javascriptmastery]

I'm so glad to hear that! Great job! 😊

[@javascriptmastery]

Hi there, I love your comment so much. I want to use your comment as a testimonial for my upcoming course platform, is that all right with you? :)

[@sonurajp2766]

Master is back with a masterpiece 💥🔥

[@javascriptmastery]

Hope you didn't wait too long! 👋🎉

[@SlickFX_Trader]

As someone learning to code now, familier with CSS html and learning Javascript and node.js, I can honestly say THANK YOU! This is priceless and I'll study it for months and use as referrence. Without these people doing these tutorials, I wouldn't be able to learn like I am. Thank you aso very much for all the hard work and dedication and I can only dream of being able to achieve this like you can! Absolutely subbed and liked!

[@lillyput2275]

I m not able to login back after logout what’s the problem?

[@subhasis_on_wheels]

Can't believe someone would release such premium tutorials for free. Kudos to you and thank you so much !

[@javascriptmastery]

I'm glad you like it, enjoy!

[@magpinybo7524]

Just switched my data on and the first sound is the bell notifying me of the masterpiece, I couldn't ignore

[@javascriptmastery]

Quite the timing, huh? :D Enjoy!

[@theegreatestever2420]

You are hands down the best of the best here and your content is purely insane. I have been off coding for about a year cause I felt so down and depressed basically because I have such great projects and wished for just an opportunity but nothing came along. I have to say, you are the one guy that makes me want to code all over again and just love it cause of how amazing all this is. This deserves to be a paid course 100% but I am glad you did not make it into one cause I know for most it might be affordable but for someone like me as a South African, I am glad you did not cause you might find that the cost of it would literally be my rent and food like $50 - $100 for a whole month so thank you again not only for this but making me want to code again!

[@oarabileramogale3472]

Just out if curiosity, did you eventually get a job? currently going through what you went through...

[@mathema2015]

I don't need any paid js course if I have js mastery. Everything is well detailed and simplified. Keep teaching us. Bless

[@tailieusinhvien2833]

if you get any error when you use npm install, just add option: --legacy-peer-deps, for example ``` npm install stream-chat --legacy-peer-deps ```

[@mattoattacko]

Had this problem too. Specifically, it occurs when trying to install 'stream-chat-react'

[@_Smai1e_]

+

[@richardkirigaya8254]

This is pure gold, you're really helping the community. Your efforts are really appreciated

[@javascriptmastery]

Thank you so much Richard!

[@jkflicks904]

Post http : // localhost :5000/ auth/signup error when signing up help me out bro

[@taetae2525]

Your voice is so calming and nice! Not to mention all the free content you are providing! I love your channel!! 🥰

[@javascriptmastery]

Thank you so much!

[@joslte]

Your courses are absolute gold. Clear. Concise. just the right speed, excellent real world examples that go beyond the typical hello world apps. I have been telling everyone about your courses. Keep it up! you are an excellent resource to developers!

[@javascriptmastery]

I love your comment! May I use it as a testimonial for my upcoming course platform? :D

[@joslte]

@@javascriptmastery Heck yea!

[@sjr2001]

Will our app work after the free trial of the stream ends?

[@mirai_xz]

just reminding, for those who gonna try to build this app after 2023: before everything else, unninstall your current React and install the version 17 of it and just to make sure the version 9 of stream-chat-react aswell :)

[@francescotrillini5226]

Was waiting for this one! Right in time 🙌

[@javascriptmastery]

Finally here! 🎉

[@imkir4n]

You are providing so much values to the developer community. Thank you ❤️

[@Hollow_void_in_my_head]

Best programing guide add a new tutorial - cant wait to try it! When the new JavaScript Mastery video jump in, the Monday is no longer that bad! Thanks as always!

[@javascriptmastery]

Thank you so much! 👌

[@kaishmohammadkhan1270]

This is really amazing.. I always prefer this channel first while advising someone to learn.

[@javascriptmastery]

Awesome, thank you!

[@vinny1289]

The design looks like the interface of Discord to be honest, and the way this was implemented and the buttons and everything else are really designed well, good job!

[@syedumairnaeem6724]

Another masterpiece. Just incredible.

[@javascriptmastery]

Thank you!

[@talhabinkhalilmuhmmad4159]

Your way of writing code is really great , really appreciated

[@javascriptmastery]

I'm glad you can learn something out of it 👌

[@kingsfordagyirisakyi8672]

So far , the best content on KZbin.Well done sir , Bravo!!!!!

[@lillyput2275]

I n not able to login after logout what to do

[@prog_demos]

1:41:00 just a quick remark on your assumption - it's actually not correct. We did write _require('dotenv').config();_ in _index.js_ and that was enough, it attached the env object to the process object. The only mistake was not getting the StreamChat class when requiring the 'stream-chat' module. There's another mistake btw, at 1:12:10 you require _dotenv_ below the port number that you (want to) access in _env_ object. Just so we're clear, I really appreciate your effort and like your tutorials because they help me train my Node and React skills and I always learn something new. But I felt I had to point this out for the others.

[@javascriptmastery]

Thanks! That's incredibly useful!

[@yashbais1788]

Hey, I still cant find a solution for the (The only mistake was not getting the StreamChat class when requiring the 'stream-chat' module.) const StreamChat = require('stream-chat').StreamChat; but still it is showing the same error This method can only be used server-side using your API Secret, use client = stream.connect(key, secret);

[@prathmeshtamhan6043]

literally you are providing this for free!! lot lot of thanks!!! we love youuu

[@javascriptmastery]

Enjoy!

[@damus6665]

You are the best! I have never seen so much quality in one channel! When my new PC will arrive, I'll start following your awesome tutorials (react don't work on windows 7 because of nodejs)

[@edunwa3679]

Just wow ! I haven't even started the course, viewing the intro alone show how great and deep of value this course is. Thank Sir

[@aryakroy9510]

I was looking for a responsive design and implementation for chat application as a reference and found the perfect one. Thanks man 🙏🏽

[@jkflicks904]

Error it shows.failed to load resources:net err connection refused "I am doing for college presentation please help out "

[@jamesisbored2940]

@@jkflicks904 what??

[@jakezepeda1267]

Been following along in my free time and other than changing MessageTeam to MessageSimple have not run into any issues that were not due to my own mistakes. Sure there are warnings, and depreciation, and the stream management page looks different, but everything is working. This may be an outdated project but I'm still having fun learning React syntaxes and how to render and pass around data.

[@javasmastery__my_Teleqram_id]

Teleqram me 👆⬆️.

[@perpetualjacobs1885]

Hello! Please was your project responsive?? I can't seem to get mine to be

[@klingensmithandthetrulytested]

I'm using this in my high-school programming class. Thank you.

[@AliHaider-qm4cu]

Just watched the intro already liked subscribed. This content is free. You blessed our resumes.

[@javascriptmastery]

Thank you!

[@Rlmorrison74]

Thank you so much for taking the time to do all of these amazing tutorials for us! I'm a recent bootcamp grad trying to find my first role, and I've been doing your tutorials the past couple weeks and learning so much!

[@Andra_08]

Stream + React + JS Mastery = ⚡️⚡️⚡️⚡️

[@Railrat420]

It'd be really helpful if you could make a video just like this one, but also show the process of styling it. Even it takes an additional hour of video to do the styles it would help to see the thought process and problem solving going through styling a web application. Thanks.

[@programmerslife01]

No language can ever express my feelings for the help we got from you. All I can say is, "Thank you, you have been of great help to us". Hitting the like button is the first thing I do before watching your videos. Thank you so much again!!

[@javascriptmastery]

Wow, thank you

[@tendekay2803]

Wow, you read my mind. This is exactly what I was looking for, thanks.

[@javascriptmastery]

Woah, enjoy!

[@Imceereal]

Im new to any JS and tried following the tutorial together with the source code, but like other tutorials I am pretty much wild. I think I need to learn backend, npm, npx and yarn before visiting any tutorials. Very good tutorial!!

[@bobdaawid2218]

How is it going @Imceereal ?

[@aamir5844]

Take a moment to appreciate the fact that he is providing such extraordinary content for free!🤩🤩🔥. already liked and commenting because you always amaze us🖤

[@javascriptmastery]

Thank you so much Aamir! 😊

[@БатырШарапов-ь8п]

@@javascriptmastery Доброй ночи,Муса!Вы в Америке живете и турк-месхетинец?

[@jopibr]

@Aamir your words are mine. He always amaze us! Thank you forever #JavaScriptMastery

[@benaounesirine1701]

which database he used ?

[@aayushsharma1697]

@@javascriptmastery sir I got an error uncaught promise :axios error ,i don't know how to solve it can you please help me

[@chijiokedivine1115]

This is one of the best free videos I've seen so far. God bless you for uploading this video for free, instead of paying for an expensive 10 hours udemy course that you wouldn't learn much

[@TheHumanistX]

Great overall... would be really helpful to have some more explanation of why we do what we do so we aren't just literally copying what you do though. A lot of this I had to spend quite a bit of time on my own reading and such to try to understand why we just did any of the stuff on the screen, if that makes sense. I can copy people all day, but being able to understand why I just did what I did is so much more crucial.

[@mlawal44]

do you know some JavaScript yet?

[@sumukhakb2701]

Best channel for building and learning real world projects

[@javascriptmastery]

Thank you!

[@amitp05]

A Thankyou would be little to express what you do for us . 👍🙏🙏🙏

[@javascriptmastery]

Thank you! 🎉

[@awai_rai]

Didn't took me even 2 videos to subscribe your channel, you are awesome man, such advanced contents for free, thank you!!!

[@javascriptmastery]

Thank you so much!

[@Aireekuh62523]

Wow , just saw this in my feed!! Thank you for all your content. Your projects are so incredibly helpful, they give me the opportunity to bring together the concepts I work to learn. I can't quite sum up in words just what works so well for me with your content. I will say that, even though I may not yet understand everything in a project, I never feel defeated. The way you present the code, I am always able to go over something until I have that aha moment. Also, the tools that you have introduced me to , in your various projects, have been invaluable. My portfolio is slowly growing and my confidence as well. Thank you and I am really excited about getting into this one.

[@javascriptmastery]

Ericka, thank you so much for such a beautiful comment!

[@cyrilebuka2413]

@@javascriptmastery please how do I send you a screenshot of an error I encountered?

[@sjr2001]

Will our app work after the free trial of the stream ends?

[@chyekillablattpo]

Wow. Great tutorial! A lot of tutorials go too fast or leave out a lot and my app breaks a lot which leads to hours of debugging. I only had a few spelling errors with this chat app, have learned SO much and now have it fully working and live on the internet. So glad I found this channel! now, onto the web3 video you recently put out! lets go!!!

[@javascriptmastery]

That's amazing Robert, I'm so glad you like it!

[@anexocelisia9377]

@@javascriptmastery Hey, the sign in and sign up buttons are not working for me. Could u please help me out

[@ignacioanezin2352]

My men outworking literally everyone on the game. Just thanks for sharing your knowledge with the community

[@javascriptmastery]

Glad you like it, thank you!

[@baotrungnguyen9315]

You're one of the best instructors that I've ever known! You've done a lot of amazing work and I've learned many things from you! Wish you health and success!

[@amirdbt]

This man here is the best. Damm. awesome content bro

[@javascriptmastery]

You're the best! 😊

[@RianY2K]

wow, great tutorial as always, thank you very much. Love your tutorial about JavaScript and Node JS.

[@javascriptmastery]

Thank you so much Rian! 😊

[@bendevweb89]

Hi Adrian, I'm working on the project and I think it's really great. Thank you for everything you do for this community. 🙏

[@divyanshusingh4577]

which alternative did you use for TeamMessage

[@ParthPatel-xw1mj]

Great 🙌 Amazing 🎊Best YT channel ❤️

[@javascriptmastery]

Thank you so much! 🎉

[@sumeethmoolya8773]

Yeah I was waiting since yesterday when I got to know something is coming today and there it is .I didn't get that notification part but anyway I will learn. Thanks man. You are a legend. Hope mern stack 7 part is coming

[@javascriptmastery]

Thank you, enjoy! 😊

[@sumeethmoolya8773]

@@javascriptmastery Also I thought that the masterpiece would be regarding movie API one as I saw in Instagram. Also I am having zoom front end internship interview a week after hope this project will help me.

[@javascriptmastery]

That project is coming soon! Good luck on the interview!

[@sumeethmoolya8773]

@@javascriptmastery Thank you ☺️

[@jorgearley9321]

Hey Adrian, you're really amazing. This tutorial is better than whatever udemy course about react so so far. Thanks a lot for your effort.

[@rahulkaushal2985]

Ohh yeah eagerly waiting for this 🤩🤩

[@javascriptmastery]

Finally here! 😊

[@ankitkarn7049]

Wow, such an awesome project.🔥🔥 But I'm concerned more about it's availability after free trial which is 30 days😟. Now, I have to show this along with my other projects to recruiters within 30 days to showcase my React skill for job. 😬 Edit: Got my maker account on stream. Now i can build it for free with limitations which is enough for my showcase project 🥳

[@gandhijainamgunvantkumar6783]

can you please tell how did you got your maker account?

[@sjr2001]

Will our app work after the free trial of the stream ends?

[@senyam8931]

u r really a perfect developer , I started react in another channel but never find perfect projects as yours , I have to watch an practise all ur playlist in react to master it , without ur videos I will never master react , thanks a lotttttttttt , u r a legend

[@generaltest2511]

Nice Tutorial, Well Explained. Love your tutorial about JavaScript and Node JS. Hope we will get videos like End-To-End Encryption of messages and persisting messages per person per day in mongo timeseries

[@javascriptmastery]

Awesome idea!

[@furiousgamer04]

Following you from last 1 year , you are best mentor we have on KZbin for free and even providing premium content for free for your YT fam. Really appreciated and Lots of Love. Being a Web & Graphic designer , you added some great skills in my portfolio only bcoz of your great content.

[@LongBoy.0]

There are alot of firms/companies where if you worked there, you'd be the best full stack developer on staff by a mile.

[@javascriptmastery]

Damn, that's such a compliment, thanks Corey!

[@anolbe]

I've been making chat applications like this from scratch for many years. It's awesome to see that it now is that easy. Thanks for the video man :D

[@SICS-lq6vl]

Hey, I'm getting error in this...if you implement properly please help me out

[@godfreyndiritu9062]

This is worth my time, thanks js mastery

[@javascriptmastery]

Glad to hear that!

[@dalestewart]

Another excellent tutorial Deploying a Full Stack Realtime Chat Messaging App with Authentication & SMS Notifications.

[@arshadali6670]

All videos with some unique idea implementation.....Can't thank you enough for providing such a beast level content for Free...Thanks again....

[@javascriptmastery]

You are most welcome

[@umanggupta8087]

One thing for sure , you are the best tutor . And thanks for sharing the repo .

[@sproink3864]

This is another new level, well done JSM 😃

[@javascriptmastery]

Thank you so much!

[@divanshugarg1527]

Probably the best course on KZbin

[@semiraf]

You create perfect and understandable tutorials, thank you so much :)

[@javascriptmastery]

Thank you so much Semira!

[@lloykings3391]

I have just seen this but i know its a bang like always. The real JS mastery.

[@javascriptmastery]

Thank you!!

[@mounir101]

Thanks so much for this hot Chat App tutorial with steps that are so clear and perfectly organized. I really liked it and greatly appreciated it.

[@javascriptmastery]

Glad you like it!

[@tm477]

Always worth it to watch you.. 👍🏻

[@javascriptmastery]

Thank you! 🙌

[@adityapundir6529]

Amazing work bro!

[@javascriptmastery]

Thank you bro! ❤️

[@r_m5545]

Our master is back 🙌💥

[@javascriptmastery]

Back in action!

[@kosa-tv]

I love your content, practices things and everything is clearly show. Currently I learn react so your videos are even more helpful :-D.

[@javascriptmastery]

Glad to hear that, enjoy!

[@doomguy2135]

This channel is a blessing

[@javascriptmastery]

Thank you so much!

[@king-manu2758]

Awesome. Just a suggestion, if you could make the ultimate e-commerce tutorial with react, redux toolkit, express, that would be amazing.

[@javascriptmastery]

Great idea!

[@muhanadsamer7635]

mr adiran you are a legend now am a programmer because of your tutorials

[@javasmastery__my_Teleqram_id]

Teleqram me 👆⬆️.

[@sufyan2317]

Yet another masterpiece!!!! What say to start tutorials on Ethereum based Dapps!

[@javascriptmastery]

Damn, that's a great idea! Do you have experience in that?

[@shivcharansinghrawat4224]

The only master in KZbin!!!!

[@javascriptmastery]

Thank you so much!

[@mdfaiyazulhussain8752]

Another Master Art

[@javascriptmastery]

Thank you! 🙌

[@ansar_jarvis3393]

I got this video in recommendation! Now i am one of the 150k.! thanks

[@javascriptmastery]

Happy to hear that!

[@noone_senpai]

We appreciate the efforts that you've put in to help us build our CVs and make our life a little better during this pandemic.

[@shivanigaddagimath2143]

Hello Anurag! Are you a 2021-passout and looking for job opportunities in web development currently?

[@sagargiri6582]

Would be fun to build this. Thank you

[@javascriptmastery]

Thank you!

[@VenkiTotad]

I have no words i can't express how much thankful such a humble and hardworker you are many instructors provide this type of information costly but you giving gems in free ❤❤

[@Francisco-in3bo]

Best react creator

[@javascriptmastery]

Thank you so much! 👌

[@mhdyousuf3392]

yo yo, my man is back with perfecto. 🔥🔥

[@javascriptmastery]

Thank you! 🎉🔥

[@srivatsajoshi]

Awesome 🔥🔥🔥🔥

[@javascriptmastery]

Thanks! 🔥

[@pygemssoftware4254]

All your videos are top quality products. Many new things packed in each . Like DaVinci Or Michaelangelo working hard at each pixel or grain or stone to make it perfect

[@Geomaverick124]

Love your work! You litterally have a channel of portfolio projects...if a young dev would do them they are almost guaranteed a job :) What would you add to this project to make help a jr dev get a mid level position? Maybe it could be a type of homework for your students

[@javascriptmastery]

Video chat? 👌

[@Geomaverick124]

@@javascriptmastery like a mini version of the video chat app you created a few months ago?

[@javascriptmastery]

Yeah. But this project already has a lot of features. Maybe building something new yourself would make more sense.

[@vanshrana8370]

You deserve millions of subscribers Lots of love ❤️

[@javascriptmastery]

Thank you!

[@thiernodem5681]

At 1h : 59m, if you have node v10 above, the MessageTeam() function will not work, however, if you write these lines of codes on the return of ChannelContrainer, everything will work as if you had the MessageTeam function. The codes: ignore this line of codes: Message = {(messageProps, index) => }

[@김인건-g2f]

wow what is that mean {MtState} ???

[@김인건-g2f]

I solved it! thank you so so so much!!!

[@thiernodem5681]

@@김인건-g2f I replaced his variable which he called EmtypState to MtState, that's why; and yea I am glad this helped you and you're very welcome!!!!!

[@midzobagira3030]

} >

[@dx497]

He is back with his mastery 💕

[@javascriptmastery]

Thanks!

[@chessflavor4247]

I am going to creat a multibillion app with this knowledge. Watch out what will take the social media and mark my words 😊😅

[@whirlxd]

Holy shit dude It's too good

[@javascriptmastery]

Thank you so much!

[@michaelbaah2035]

Massive content. I guess i will have to go back to all your videos and start building(cloning) your apps. Love it so much. Thanks

[@javascriptmastery]

Enjoy!

[@devyani_t05]

Sign in and Sign up buttons are not working. Please help me with it asap.

[@anexocelisia9377]

did u get how toi make them work, cause in my machine too, it is not working

[@SatishKumar-qi4hb]

nice and super explanation. long wait for this video. Please create a telegram group for discussion and doubt clear section also.

[@javascriptmastery]

Noted