У нас вы можете посмотреть бесплатно Build and Deploy a Realtime Chat App with React, Node.js, Socket.io или скачать в максимальном доступном качестве, видео которое было загружено на ютуб. Для загрузки выберите вариант из формы ниже:
Если кнопки скачивания не
загрузились
НАЖМИТЕ ЗДЕСЬ или обновите страницу
Если возникают проблемы со скачиванием видео, пожалуйста напишите в поддержку по адресу внизу
страницы.
Спасибо за использование сервиса ClipSaver.ru
📚 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 ❤️