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

preview_player
Показать описание
With Direct and Group Chats, emojis & Reactions, Built-in Gif support, the ability to edit & delete messages, specialized commands, and much more, this fully responsive Medical Pager is the best Chat App that you can currently find on YouTube.

✅ A special YOUTUBE discount code is automatically applied!

📚 Materials/References:

🌎 Find Me Here:

💼 Business Inquiries:

Time Stamps 👇
00:00:00 Intro
00:05:40 Setup
00:11:21 Initial Structure
00:50:07 Client-Side Auth
01:08:57 Server-Side Auth
01:29:32 Client-Server Communication
01:45:15 Channel Container
02:01:57 Create Channel and Sidebar
02:58:22 Edit Channel
03:06:47 Search
03:17:43 Twilio SMS Notifications
03:28:38 Deployment
Рекомендации по теме
Комментарии
Автор

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.

ajitesh
Автор

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.

anusatyachoudhary
Автор

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.

sujoydutta
Автор

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

pepadosoudil
Автор

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.

jmariwyatt
Автор

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

r_m
Автор

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🖤

aamir
Автор

Was waiting for this one! Right in time 🙌

francescotrillini
Автор

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 ```

tailieusinhvien
Автор

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!

SlickFX_TF
Автор

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!

vinny
Автор

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.

prog_demos
Автор

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

richardkirigaya
Автор

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

tendekay
Автор

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

magpinybo
Автор

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".

{

}

{

}

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!♥

stefanmillantu
Автор

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

subhasis_on_wheels
Автор

Your way of writing code is really great, really appreciated

talhabinkhalilmuhmmad
Автор

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

imkirn
Автор

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

taetae