MENU

Fun & Interesting

Build and Deploy a Full Stack WhatsApp Clone | Video Calls, Screen Sharing | React.js, TypeScript

Codesistency 62,506 1 year ago
Video Not Working? Fix It Now

Try Convex: https://convex.link/asaprogrammer Source Code: https://github.com/burakorkmez/whatsapp-clone (Stars appreciated⭐) Get ZEGOCLOUD SDK for 10,000 free mins: https://bit.ly/3TP1YWc Take Advantage of ZEGOCLOUD: https://bit.ly/3vv92xR Join the Discord to ask your questions: https://discord.gg/YFn2WyheZV Next.js 14 WhatsApp clone built with React.js, TypeScript, TailwindCSS Convex, Clerk and ZegoCloud. Here are some of the features 👇 ⚙️ Tech stack: Next.js 14 + TypeScript + TailwindCSS + Convex 🔑 Authentication with Clerk 📨 Create Private Chats and Group Chats ⏰ Online/Offline Status for Users 🚀 Kick Users From the Group (if you are the admin) 🎥 Video Calls (private and group) 📸 Send Images and Videos (in the chat) 🤖 OpenAI Integration (ChatGPT and DALL-E-3) 🐛 Error handling (both on the server and on the client) 👌 Global state managment with Zustand 👻 Advanced Concepts such as WebHooks 🌙 Light/Dark Mode 🎃 Deployment ⏳ And much more! LINKS X(Twitter): https://twitter.com/asaprogrammer_ Support: https://www.buymeacoffee.com/burakorkmezz Timestamps: 00:00:00 Demo 00:04:10 (1st) UI DESIGN 00:43:00 (2nd) Convex Basics 01:07:20 (2nd) Auth && WebHooks 01:48:11 (3rd) Create Conversations 02:25:11 (3rd) Get Past Conversations 02:40:57 (3rd) Using Zustand 02:49:40 (3rd) Get Group Members 02:54:55 (3rd) Send Text Messages 03:09:20 (3rd) Get Messages 03:32:50 (3rd) Send Images && Videos 04:03:40 (3rd) Kick Users From Groups 04:22:05 (3rd) ChatGPT Support 04:42:10 (3rd) DALL-E Support 04:56:55 (4th) Video Calling 05:17:52 (5th) Finally Deployment! Thanks for watching. #nextjs #react #convex #zegocloud #videocall #webrtc

Comment