Build A Full-Stack Zoom Clone With And Stream Video SDK (React, TypeScript, Tailwind CSS)

Build and deploy a full-stack video calling application like Zoom or Microsoft Meet using 14, , the Stream Video SDK, Tailwind CSS, TypeScript, and more. Features: -Fast & reliable video calling on Stream’s edge network -Private and public video meeting calls with user permissions and roles -Change microphone & camera settings & permissions -Schedule meetings for the future & send invitation emails -Call recording, screen sharing, picture-in-picture, muting & blocking users -Toggle between different call layouts (grid & speaker layout) -User authentication with Clerk & guest mode Create your free Stream account here: Starting code: Other links: Clerk dashboard: Clerk : Stream Video SDK documentation: ⭐ Get my full-stack with Express & TypeScript course: ✅ Get my free React Best Practices course: 💌 Join my newsletter for regular web dev tips: 💬 Join our developer community on Discord: 📣 Follow Coding in Flow on social media: Twitter: Instagram: TikTok: @codinginflow Facebook: Timestamps: 0:00 - Project preview 8:28 - project setup & Prettier Tailwind setup 19:40 - Stream & Clerk auth setup 30:20 - Log in/Log out (Clerk UserButton) 37:36 - Stream video context provider 1:04:18 - Create calls/meetings 1:37:22 - Join calls (meeting page) 1:51:10 - Custom call types & permissions (private meetings) 2:28:32 - Upcoming & ended calls 2:50:04 - Call setup screen 3:11:12 - Video call layout 3:32:26 - Query calls 3:47:23 - Call recordings 4:01:59 - Meeting login page (guest mode) 4:10:30 - Deployment on Vercel
Back to Top