Sign Up to Convex: https://convex.dev/c/asaaprogrammer
Source Code: https://github.com/burakorkmez/whatsa... (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: / discord
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): / asaprogrammer_
Support: https://www.buymeacoffee.com/burakork...
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
Watch video Build and Deploy a Full Stack WhatsApp Clone | Video Calls, Screen Sharing | React.js, TypeScript online without registration, duration hours minute second in high quality. This video was added by user As a Programmer 05 April 2024, don't forget to share it with your friends and acquaintances, it has been viewed on our site 37,784 once and liked it 1.7 thousand people.