Build and Deploy a Complete Chat App with MERN Stack | JWT, , MongoDB | Beginner Friendly
Build a Realtime Chat App with MERN Stack. Completely beginner friendly.
Source code: (Stars appreciated 🌟)
Discord to ask your questions:
Support:
Some Features of This App:
🌟 Tech stack: MERN TailwindCSS Daisy UI
🎃 Authentication && Authorization with JWT
👾 Real-time messaging with
🚀 Online user status ( and React Context)
👌 Global state management with Zustand
🐞 Error handling both on the server and on the client
⭐ At the end Deployment like a pro for FREE!
⏳ And much more!
Timestamps:
00:00:00 - Demo App
00:02:18 - Project Setup
00:12:20 - Auth Routes Setup
00:23:20 - MongoDB Setup
00:28:30 - Create User Model
00:32:20 - Sign Up Endpoint
00:45:00 - Generate JWT
00:52:50 - Login Endpoint
00:56:50 - Logout Endpoint
00:58:50 - Create Message Model
01:03:10 - Create Conversation Model
01:06:15 - Send Message Endpoint
01:10:11 - Protect Route Middleware
01:25:10 - Get Messages Endpoint
01:31:20 - Get Users for Sidebar Endpoint
01:38:19 - UI Design
02:27:50 - SignUp Functionality
02:50:00 - Create AuthContext
02:59:00 - Logout Functionality
03:03:20 - Login Functionality
03:11:50 - Get Conversations
03:29:00 - Send Message Functionality
03:35:30 - Get Messages
03:54:00 - Search Conversation
03:58:20 - Implementing
04:25:22 - Finally Deployment!
Thanks for watching.
#reactjs #javascript
1 view
509
113
4 weeks ago 00:00:42 2
Копенгаген, Дания.Центральная историческая часть города, городские крыши и Копенгагенские озера.Вид с воздуха, вид с ...
4 weeks ago 02:39:34 1
Build and Deploy an Awwwards Winning Website | , Tailwind CSS, GSAP
4 weeks ago 00:11:14 3
[SevyPlays] GAMING GUIDE: How to Play, Best Artifact & Weapon Builds, Team Comps | Genshin Impact 4.4
4 weeks ago 00:03:20 1
[CNBC Television] Beijing reinstates some coronavirus restrictions amid new outbreak
4 weeks ago 00:00:33 4
Керч, Крым.Вид на новый Крывленный мост.Ясная погода, вид с воздуха
4 weeks ago 00:11:46 2
[Hacking Modern Life] It’s THAT easy! Building a new Home Assistant integration in Python
4 weeks ago 00:00:25 3
Центральный стадион города Екатеринбург.Расположение футбольных матчей FIFA 2018. Россия, Екатеринбург, View View
4 weeks ago 00:00:51 1
[VideoFromSpace] OTD in Space - Sept. 17: Saturn’s ’Death Star’ Moon Discovered
4 weeks ago 00:00:48 3
Турин, Италия.Палаццо Кариньяно.Пьяцца Карло Альберто Площадь.Панорама города.Летний день, вид с воздуха, точка интереса
4 weeks ago 00:01:25 1
[CNBC Television] Watch the aftermath of U.S. airstrikes on an Iranian-backed militia in Iraq
4 weeks ago 00:09:23 3
[Kade] WE ARE FINALLY GETTING THIS UPDATE IN LEGENDS BATTLEGROUNDS(JUN)..
4 weeks ago 00:00:40 2
Россия, Калининград.Центральная часть города Калининград, незаконченного строительного дома Советов в городе конструк...
4 weeks ago 00:00:29 3
Лозанна, Швейцария.Новое здание Международного олимпийского комитета расположено на берегах Женевы.Летний день.Стабил...
4 weeks ago 00:00:17 2
Biden’s remaining time in office will be as ‘productive’ as he has been throughout his term, and it’s a ‘sprint’ for his adminis
1 month ago 00:00:09 4
Фрески и крест.Ночь.Рим, Италия
1 month ago 00:00:59 3
Болгар, Республика Татарстан, Россия.Белая мечеть.Болгар Государственный исторический и архитектурный музейный резиде...
1 month ago 00:00:56 2
Нижна Новгород, Россия.Минин и Пожарский площадь.Воздушный вид на стрелу слияния рек.Стадион.Ночное время, вид с воздуха
1 month ago 00:00:59 4
Антверпен, Бельгия.Шпиль с часами собора Богоматери (Антверпен).City Antwerp расположен на River Scheldt (Escaut).Лет...
1 month ago 00:00:17 27
White House promises ’sprint’ to protect Biden’s ’legacy’ from Trump
1 month ago 00:00:47 2
Амстердам, Нидерланды.Летать над городскими крышами в направлении центрального вокзала Амстердама, вид с воздухом
1 month ago 00:01:00 4
Сергиев Посад, Россия.Троицкий-сергиус Лавра является крупнейшим мужским монастырем русской православной церкви с дол...
1 month ago 00:00:32 3
Казань, Россия.Экият кукольный театр.Вид с воздуха, вид с воздухом, выезд камеры
1 month ago 00:00:47 2
Турин, Италия.Piazza Della Repubblica City Square с рынком.Панорама исторического центра города.Летний день, вид с во...
1 month ago 00:00:21 3
Верона, Италия.Летать над историческим центром города.Castelvecchio castello scaligerro, лето, вид с воздуха, точка и...