Популярное

Музыка Кино и Анимация Автомобили Животные Спорт Путешествия Игры Юмор

Интересные видео

2025 Сериалы Трейлеры Новости Как сделать Видеоуроки Diy своими руками

Топ запросов

смотреть а4 schoolboy runaway турецкий сериал смотреть мультфильмы эдисон
dTub
Скачать

Build and Deploy a Realtime Chat App with React, Node.js, Socket.io

Автор: Codesistency

Загружено: 2025-09-11

Просмотров: 80829

Описание:

📚 Source Code: https://github.com/burakorkmez/chatify
🚀 Try Sevalla: https://dub.sh/sevalla50 (Get FREE $50 Credit)
🐰 Try CodeRabbit for FREE: https://coderabbit.link/burak

✨ My 100+ Hours Course: https://dub.sh/udemy-discount
📚 Diagrams: https://app.eraser.io/workspace/duWSG...

Highlights:
🔐 Custom JWT Authentication (no 3rd-party auth)
⚡ Real-time Messaging via Socket.io
🟢 Online/Offline Presence Indicators
🔔 Notification & Typing Sounds (with toggle)
📨 Welcome Emails on Signup (Resend)
🗂️ Image Uploads (Cloudinary)
🧰 REST API with Node.js & Express
🧱 MongoDB for Data Persistence
🚦 API Rate-Limiting powered by Arcjet
🎨 Beautiful UI with React, Tailwind CSS & DaisyUI
🧠 Zustand for State Management
🧑‍💻 Git & GitHub Workflow (branches, PRs, merges)
🚀 Easy Deployment (free-tier friendly with Sevalla)

Timestamps:
00:00:00 - 0- Project Preview
00:03:46 - 1- Codebase Setup
00:25:33 - 2- Deploying Our Application
00:46:20 - 3- Database Setup and Signup Endpoint
01:32:22 - 4- Sending Welcome Emails
01:54:44 - 5- Login and Logout Endpoints
02:10:35 - 6- Auth Middleware & Update Profile Endpoint
02:34:06 - 7- Rate Limiting with Arcjet
02:51:45 - 8- Message Endpoints
03:22:57 - 9- Frontend Setup - Tailwind, Zustand, React Router etc.
03:48:44 - 10- Signup Page
04:25:26 - 11- Login Page & Logout
04:35:49 - 12- Chat Page Layout Setup
04:52:23 - 13- Completing Sidebar
05:25:07 - 14- Completing Chat Container Setup
05:47:24 - 15- Send Message Functionality
06:15:38 - 16- SocketIO Integration & Online Users
06:52:26 - 17- Making Messages Work in Real-Time

Thanks for watching ❤️

Build and Deploy a Realtime Chat App with React, Node.js, Socket.io

Поделиться в:

Доступные форматы для скачивания:

Скачать видео mp4

  • Информация по загрузке:

Скачать аудио mp3

Похожие видео

array(20) { ["HT6cm4GoSIw"]=> object(stdClass)#11443 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "HT6cm4GoSIw" ["related_video_title"]=> string(85) "Nest.js — лучший бэкэнд фреймворк | Полный курс 2025" ["posted_time"]=> string(27) "6 месяцев назад" ["channelName"]=> NULL } ["PJ0ARnSKfgw"]=> object(stdClass)#11461 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "PJ0ARnSKfgw" ["related_video_title"]=> string(73) "MERN Stack Project: Video Calling Interview Platform with React & Node.js" ["posted_time"]=> string(25) "2 недели назад" ["channelName"]=> NULL } ["5iz5d8urO8I"]=> object(stdClass)#11444 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "5iz5d8urO8I" ["related_video_title"]=> string(81) "Это спасет, когда заблокируют ВЕСЬ ИНТЕРНЕТ!" ["posted_time"]=> string(23) "1 месяц назад" ["channelName"]=> NULL } ["PwKUw5ljc2o"]=> object(stdClass)#11459 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "PwKUw5ljc2o" ["related_video_title"]=> string(79) "Школьник Взломал Playstation, но его Спасли Anonymous" ["posted_time"]=> string(19) "3 дня назад" ["channelName"]=> NULL } ["OAGAYOOz3A8"]=> object(stdClass)#11445 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "OAGAYOOz3A8" ["related_video_title"]=> string(136) "Пирамида ОФЗ | Правительство занимает триллионы у россиян (English subtitles) @Max_Katz" ["posted_time"]=> string(22) "22 часа назад" ["channelName"]=> NULL } ["45Z-xBRHuRo"]=> object(stdClass)#11468 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "45Z-xBRHuRo" ["related_video_title"]=> string(75) "Build a Real-Time Chat App with MERN, Typescript, Socket.io, Redis & Docker" ["posted_time"]=> string(23) "1 месяц назад" ["channelName"]=> NULL } ["PwKiseSPXE0"]=> object(stdClass)#11451 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "PwKiseSPXE0" ["related_video_title"]=> string(108) "Угроза Зеленского начинает реализовываться. Руслан Левиев" ["posted_time"]=> string(21) "4 часа назад" ["channelName"]=> NULL } ["qwosU7e9mqc"]=> object(stdClass)#11453 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "qwosU7e9mqc" ["related_video_title"]=> string(154) "Музыка для работы за компьютером | Фоновая музыка для концентрации и продуктивности" ["posted_time"]=> string(25) "2 месяца назад" ["channelName"]=> NULL } ["8Tm0HBa1ijk"]=> object(stdClass)#11448 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "8Tm0HBa1ijk" ["related_video_title"]=> string(90) "Создаем онлайн чат с нуля ➤ ReactJS, Socket.io, Node.JS, Express.JS" ["posted_time"]=> string(21) "2 года назад" ["channelName"]=> NULL } ["H5FAxTBuNM8"]=> object(stdClass)#11462 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "H5FAxTBuNM8" ["related_video_title"]=> string(59) "DevOps from Zero to Hero: Build and Deploy a Production API" ["posted_time"]=> string(25) "2 месяца назад" ["channelName"]=> NULL } ["kPuZn8I8xrI"]=> object(stdClass)#11450 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "kPuZn8I8xrI" ["related_video_title"]=> string(86) "Сделал САЙТЫ с помощью ChatGPT за 60, 6000 и 60 000 секунд" ["posted_time"]=> string(25) "2 месяца назад" ["channelName"]=> NULL } ["fxtnI407djY"]=> object(stdClass)#11460 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "fxtnI407djY" ["related_video_title"]=> string(41) "why everyone is mad at google (this time)" ["posted_time"]=> string(19) "3 дня назад" ["channelName"]=> NULL } ["I1V9YWqRIeI"]=> object(stdClass)#11446 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "I1V9YWqRIeI" ["related_video_title"]=> string(75) "Next.js 16 Full Course | Build and Deploy a Production-Ready Full Stack App" ["posted_time"]=> string(25) "3 недели назад" ["channelName"]=> NULL } ["8iuIcnRnYAo"]=> object(stdClass)#11434 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "8iuIcnRnYAo" ["related_video_title"]=> string(65) "If you are ambitious (in tech) and in your 20s or 30s, watch this" ["posted_time"]=> string(25) "2 месяца назад" ["channelName"]=> NULL } ["PLgPr_sLjPU2BTSKQPNaFWnoeRLSEmrTj_"]=> object(stdClass)#11435 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(34) "PLgPr_sLjPU2BTSKQPNaFWnoeRLSEmrTj_" ["related_video_title"]=> string(19) "MERN Stack Projects" ["posted_time"]=> string(0) "" ["channelName"]=> NULL } ["BTfcnxXevm0"]=> object(stdClass)#11441 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "BTfcnxXevm0" ["related_video_title"]=> string(91) "Build and Deploy 3 Full-Stack React Native Apps That'll Get You Hired | Full 10-Hour Course" ["posted_time"]=> string(25) "3 месяца назад" ["channelName"]=> NULL } ["9-r0RuX0pqk"]=> object(stdClass)#11442 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "9-r0RuX0pqk" ["related_video_title"]=> string(59) "Every Frontend Architecture Pattern Explained in 23 Minutes" ["posted_time"]=> string(23) "1 месяц назад" ["channelName"]=> NULL } ["Oe_ARGsplvw"]=> object(stdClass)#11440 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "Oe_ARGsplvw" ["related_video_title"]=> string(109) "⚡️ В России готовятся к победе || Зеленский озвучил решение" ["posted_time"]=> string(23) "9 часов назад" ["channelName"]=> NULL } ["O9YnPuKC4w4"]=> object(stdClass)#11438 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "O9YnPuKC4w4" ["related_video_title"]=> string(95) "Full-Stack E-Commerce App with Microservices Architecture | Monorepo E-Commerce App Full Course" ["posted_time"]=> string(23) "1 месяц назад" ["channelName"]=> NULL } ["JhFrgQjc1p8"]=> object(stdClass)#11439 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "JhFrgQjc1p8" ["related_video_title"]=> string(0) "" ["posted_time"]=> string(25) "4 недели назад" ["channelName"]=> NULL } }
Nest.js — лучший бэкэнд фреймворк | Полный курс 2025

Nest.js — лучший бэкэнд фреймворк | Полный курс 2025

MERN Stack Project: Video Calling Interview Platform with React & Node.js

MERN Stack Project: Video Calling Interview Platform with React & Node.js

Это спасет, когда заблокируют ВЕСЬ ИНТЕРНЕТ!

Это спасет, когда заблокируют ВЕСЬ ИНТЕРНЕТ!

Школьник Взломал Playstation, но его Спасли Anonymous

Школьник Взломал Playstation, но его Спасли Anonymous

Пирамида ОФЗ | Правительство занимает триллионы у россиян (English subtitles) @Max_Katz

Пирамида ОФЗ | Правительство занимает триллионы у россиян (English subtitles) @Max_Katz

Build a Real-Time Chat App with MERN, Typescript, Socket.io, Redis & Docker

Build a Real-Time Chat App with MERN, Typescript, Socket.io, Redis & Docker

Угроза Зеленского начинает реализовываться. Руслан Левиев

Угроза Зеленского начинает реализовываться. Руслан Левиев

Музыка для работы за компьютером | Фоновая музыка для концентрации и продуктивности

Музыка для работы за компьютером | Фоновая музыка для концентрации и продуктивности

Создаем онлайн чат с нуля ➤ ReactJS, Socket.io, Node.JS, Express.JS

Создаем онлайн чат с нуля ➤ ReactJS, Socket.io, Node.JS, Express.JS

DevOps from Zero to Hero: Build and Deploy a Production API

DevOps from Zero to Hero: Build and Deploy a Production API

Сделал САЙТЫ с помощью ChatGPT за 60, 6000 и 60 000 секунд

Сделал САЙТЫ с помощью ChatGPT за 60, 6000 и 60 000 секунд

why everyone is mad at google (this time)

why everyone is mad at google (this time)

Next.js 16 Full Course | Build and Deploy a Production-Ready Full Stack App

Next.js 16 Full Course | Build and Deploy a Production-Ready Full Stack App

If you are ambitious (in tech) and in your 20s or 30s, watch this

If you are ambitious (in tech) and in your 20s or 30s, watch this

MERN Stack Projects

MERN Stack Projects

Build and Deploy 3 Full-Stack React Native Apps That'll Get You Hired | Full 10-Hour Course

Build and Deploy 3 Full-Stack React Native Apps That'll Get You Hired | Full 10-Hour Course

Every Frontend Architecture Pattern Explained in 23 Minutes

Every Frontend Architecture Pattern Explained in 23 Minutes

⚡️ В России готовятся к победе || Зеленский озвучил решение

⚡️ В России готовятся к победе || Зеленский озвучил решение

Full-Stack E-Commerce App with Microservices Architecture | Monorepo E-Commerce App Full Course

Full-Stack E-Commerce App with Microservices Architecture | Monorepo E-Commerce App Full Course

© 2025 dtub. Все права защищены.



  • Контакты
  • О нас
  • Политика конфиденциальности



Контакты для правообладателей: [email protected]