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

⭐ Source Code & Additional Features - https://www.udemy.com/course/real-time-chat-app-with-nextjs-react-tailwind-and-shadcn/?couponCode=CC-YT-30-10 ? Advanced coding project Courses at CodeCrafters (40% discount) - https://app.codecrafters.io/join?via=CodeCompleteYT ? 10% Discount on Domain.com (use code DOMAIN10) - https://domain.mno8.net/CodeComplete -- ? Links ? -- Discord - https://discord.gg/TWBtv5an7N Subscribe - https://www.youtube.com/channel/UCeRQr_iEA4-z-Mkt9sg4PwA ☕ Donate to support the channel! - https://www.buymeacoffee.com/CodeCompleteYT 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