filmov
tv
Video Calling Interview Platform: Build a Full Stack Project with React & Next.js
Показать описание
Highlights:
- 🎥 Video Calls
- 🖥️ Screen Sharing
- 🎬 Screen Recording
- 🔒 Authentication & Authorization
- 💻 Server Components, Layouts, Server Actions
- 🎭 Client & Server Components
- 🛣️ Dynamic & Static Routes
- 🎨 Styling with Tailwind & Shadcn
- ✨ Server Actions
Timestamps:
00:00:00 - Intro
00:04:15 - Project Setup
00:08:50 - Authentication Setup - Clerk
00:13:10 - Database Setup - Convex
00:22:45 - Stream Setup
00:28:07 - Understanding & Implementing Webhooks
00:52:59 - Convex Queries & Mutations
01:08:36 - Building Navbar
01:26:31 - Building Home Page - Interviewer UI
01:48:11 - Video Calls Setup with Stream Provider
01:59:03 - Creating useMeetingActions Hook
02:07:02 - Meeting Page
02:15:47 - Meeting Setup
02:26:13 - Meeting Room
02:43:45 - End Call Button
02:50:12 - Code Editor
03:06:17 - Recordings Page
03:20:26 - Schedule Page
03:45:43 - Meeting Card Component
03:56:36 - Dashboard Page
04:08:47 - Comment Dialog
04:19:58 - Deployment & Testing in Production
04:27:30 - Building Candidate View & Saying Goodbye!
#reactjs #nextjs #programming
Комментарии