MERN Stack Project: Video Calling Slack Clone with React & Node.js
Let's build an advanced Slack Clone with real-time messages and video calls.
Source Code: https://github.com/burakorkmez/slack-...
My 100+ Hours Course: https://dub.sh/udemy-discount
✨ Links:
🔗 Try Inngest for FREE: https://dub.sh/inngest
🚀 Try Sentry for FREE: https://dub.sh/sentry-c
📸 Try Stream for FREE: https://dub.sh/stream-sdk
🐇 Try CodeRabbit for FREE: https://dub.sh/rabbit1
🔐 Try Clerk for FREE: https://dub.sh/clerk-slack
Highlights:
💬 Real-time channels with threads, reactions & pins
🧵 Reply-in-thread and emoji reactions everywhere
📎 File sharing for images, PDFs, ZIPs & more
🗳️ Built-in polls (multi-select, anonymous, user-suggested options & comments)
👥 Direct Messages for one-to-one and small groups
🎥 Video calls with live reactions, screen share (window or full), and call recording
🔐 Clerk-powered auth (robust, production-ready)
⚡ Stream for real-time chat + video infrastructure
🧰 Backend API with Node.js, Express & MongoDB
🛠️ Background jobs via Inngest to sync auth ↔ database
🛡️ Sentry for production-grade error monitoring
🧠 CodeRabbit to review PRs and suggest better code
🧵 Frontend: React + Tailwind CSS + TanStack Query
🌿 Git workflow: branches, commits, pull requests like a real team
🚀 End-to-end deployment walkthrough
🆓 Everything free to start—no credit card needed
Timestamps:
00:00:00 - 0- Project Preview
00:03:18 - 1- Codebase Setup
00:23:07 - 2- Database & Tools Setup
00:46:57 - 3- Authentication & Deploying Our API
01:23:02 - 4- Completing Our API
01:48:22 - 5- Auth Page in Frontend
02:08:01 - 6- AuthProvider Setup
02:34:42 - 7- Tailwind & useStreamChat Hook Setup
03:01:56 - 8- Home Page Channels Setup
03:53:07 - 9- Home Page Direct Messages Setup
04:21:49 - 10- Channel Header Setup
05:00:19 - 11- Adding Video Calls in Call Page
05:25:05 - 12- Deploying Our App & Final Touches
Thanks for watching ❤️