Build and Deploy a Full-Stack Video Conferencing App using NextJS 15, TypeScript, TailwindCSS & more

Have you ever wanted to build your own video conferencing app like Zoom but thought it was too complicated to achieve? In this course, you will do exactly that! You will design, develop, and deploy a full-stack video conferencing app called Let’s Talk, replicating the features of Zoom while leveraging modern web technologies.

What You Will Learn:
✅ UI/UX Design with Figma – Plan and prototype your app before coding.
✅ Authentication with Clerk – Secure your app with modern authentication flows.
✅ TailwindCSS & ShadCN – Create a sleek and responsive UI.
✅ Real-time Video & Audio Calls with Stream – Implement high-quality video conferencing with features like screen sharing, recording, and participant management.
✅ Meeting Scheduling & Instant Calls – Allow users to initiate and manage meetings easily.
✅ Optimized Performance & Deployment – Deploy your app to production using the best practices.

Requirements or Prerequisites for Taking This Course

1️⃣ **Basic Knowledge of JavaScript & TypeScript** – Familiarity with JavaScript is required, and some experience with TypeScript will be helpful.

3️⃣ **Experience with HTML & CSS** – Knowing how to structure and style web pages will help you build the UI efficiently.

4️⃣ **Familiarity with TailwindCSS (Optional)** – While not mandatory, prior experience with TailwindCSS will make styling components easier.

5️⃣ **Basic Backend Knowledge (Optional)** – Some understanding of API development and databases will be beneficial but not required.

6️⃣ **A GitHub Account** – You'll need Git for version control and pushing your project to a repository.

8️⃣ **Eagerness to Learn & Build!** – A willingness to follow along, experiment, and create something amazing is the most important prerequisite! 🚀

This course is designed for:

2️⃣ **Frontend Developers** – Who want to level up their skills by integrating backend functionality and real-time video conferencing features.

3️⃣ **Backend Developers** – Who want to expand their knowledge of modern frontend frameworks and build a complete full-stack application.

4️⃣ **Freelancers & Entrepreneurs** – Who are looking to create their own video conferencing solution or offer similar services to clients.

5️⃣ **Computer Science & Software Engineering Students** – Who want to build an impressive portfolio project to showcase their skills to potential employers.

6️⃣ **Aspiring Developers & Career Changers** – Who want to break into the tech industry by learning in-demand technologies and working on a practical, real-world project.

7️⃣ **Tech Enthusiasts & Side Project Builders** – Who enjoy experimenting with new technologies and want to build a fully functional Zoom-like app.

8️⃣ **Companies & Startups** – Who need to develop an internal or client-facing video conferencing platform and want to learn best practices for building and deploying it.

If any of these sound like you, **this course is perfect for you!** 🚀

Give this video a Like 👍👍 and Subscribe to the channel.

Materials and References:👇

Course Sections: 👇
00:00:00 - Intro
00:02:58 - A First Look at Let's Talk App
00:11:15 - Initializing a Git repository
00:13:47 - Figma UI Design
00:51:09 - Development Phase
00:55:49 - Auth using Clerk
01:11:48 - Home Page and Main Routes
01:50:50 - Meetings & Calls
03:05:09 - Deployment
03:09:39 - Thank You

[trunganh]

very good teacher, i hope you will be known by many people. can you guide to build a livestream app like twitch, no need to be detailed, just livestream online is fine. i really like your teaching style

[dangtin]

you should create an example.env.local file to the repository too for better setup.

[Seyifunmi_freelancer]

Hello, do you have an online course?

And are you on Instagram?

[cs-learner]

What is the maximum count of participants? I need participants upto 500

And secondly can we create a meeting of 2-3 hours without any breakout

[wattsup]

Error: {"code":42, "StatusCode":401, "message":"WS failed with code: 42 and reason: JWTAuth error: token used before issue at (iat)", "isWSFailure":false}

[technoinfoworldwide]

try to make standalone api with node or nest js

[pankaj_kumar_malik]

Is it responsive for mobile device also ?