Build a Real-Time Chat App with NextJS, React, ShadcnUI, and Tailwind

⭐ Source Code & Additional Features - https://www.udemy.com/course/real-tim...
🔨 Advanced coding project Courses at CodeCrafters (40% discount) - https://app.codecrafters.io/join?via=...
🌐 10% Discount on Domain.com (use code DOMAIN10) - https://domain.mno8.net/CodeComplete

-- 🔗 Links 🔗 --
Discord -   / discord  
Subscribe -    / @code_complete  
☕ Donate to support the channel! - https://www.buymeacoffee.com/CodeComp...

In this comprehensive course, we'll build a full stack real-time chat application. You'll dive deep into the world of web development using cutting-edge technologies such as:
Next.js (crash course included)
ReactJS
Tailwind CSS for styling
TypeScript for type-safe code
Shadcn/UI for reusable components and theming
Convex DB as a real-time database
Clerk for authentication

Here's a glimpse of what you'll learn and build:
🌎 NextJS 14 crash course
🤝 Add and remove friends
💬 Create conversations and real-time messages
👥 Creating, deleting, and leaving groups
🔒 Auth
🌙 Dark mode
⚠️ Real-time notifications
📱 Responsive mobile UI
📞 Audio/Video calls [Course]
🖼️ Image/Video/File upload [Course]
😊 Emoji picker [Course]
🖥️ Converting to Desktop and Mobile app using PWA [Course]
DISCLAIMER: Some of the links in the description are affiliate links. The channel will receive a small commission from any sales from these links, but there is no extra charge to you. Thanks for supporting the channel so I can keep making these free tutorials!

Chapters:
00:00:00 Introduction
00:02:05 Project Setup
00:08:13 NextJS Crash Course (optional)
00:19:10 Database & Auth setup
00:46:48 Layout and Navigation
01:15:23 Dark Mode
01:18:16 Adding Friends
02:05:20 Conversations
03:04:50 Groups
03:29:02 Read receipts
03:42:26 Deploy