🔴 Whatsapp Clone ( Realtime Chat App ) with Next.js, Socket.io & Zegocloud with Voice & Video Call
Source Code : https://topmate.io/kishansheth/1047269
Get ZEGOCLOUD SDK for Whatsapp Clone Now: https://bit.ly/3J4EvdP
Pre-built UIKits (low code) for Whatsapp Clone:https://bit.ly/3X1lJJV
Guide for ZEGOCLOUD video call SDK: https://bit.ly/3WWhob7
In this video we will build a Full Stack WhatsApp Clone using Next.js, Tailwind CSS, Socket.io, Prisma, Node.js, Express, PostgresSQL, Firebase and tons of other libraries.
This is a realtime chat app with video call and voice call functionality.
ZEGOCLOUD video & voice call SDK allows you to easily build your safer whatsapp clone.
📚 Links and References
Starter Code: https://github.com/koolkishan/nextjs-...
Source Code: https://topmate.io/kishansheth/1047269
🔔 Subscribe for more!
/ kishansheth21
🎁 Support me with a donation
https://www.buymeacoffee.com/koolkish...
Join My Discord Community
/ discord
Features of the WhatsApp Clone:
This comprehensive WhatsApp clone comes packed with a range of awesome features to give you an authentic messaging experience. Here are some highlights:
✅ Login with Google using Firebase: Seamlessly sign in with your Google account via Firebase integration.
✅ Switch between multiple databases using Prisma: Customize your database preferences to suit your needs effortlessly.
✅ Send and Receive Messages using Sockets: Real-time messaging capabilities using Socket.io for instant communication.
✅ Voice Call and Video Call Feature: Enjoy crystal clear voice and video calls within the app.
✅ Voice Notes with Live Audio Waveforms: Send and receive voice notes accompanied by live audio waveforms for an enhanced messaging experience.
✅ Support for Emoji: Express yourself with a wide range of emojis to add fun and emotions to your conversations.
✅ Send Images: Share images with your friends and loved ones effortlessly.
✅ Online/Offline Functionality: Easily identify the online and offline status of your contacts.
✅ Search Messages: Quickly find specific messages using the search functionality.
✅ Capture Photo From Camera: Take instant photos using your device's camera and send them instantly.
✅ Message Read Status: Know when your messages have been read by your recipients.
✅ Message Time: Stay updated with the time stamps of messages for better organization.
And many more awesome features await you in this WhatsApp clone!
Search Terms
How to build a whatsapp clone
How to build a chat app
Realtime Chat app using Socket.io
React Chat App
Nextjs Chat App
Whatsapp Clone React
Whatsapp Clone Next.js
Prisma Tutorials
Socket.io Chat App
⏱️ Timestamps
00:00 Demo
06:08 Zegocloud Intro
07:55 Setup
24:25 Login Page
45:26 On boarding Page
02:44:44 Main Chat Page
02:50:50 Chat Sidebar
03:15:26 Chat Component
03:33:40 All Contacts Component
04:14:40 Send and Receive Message
05:24:20 Emoji Messages
05:34:30 Image Messages
06:04:00 Record Messages
07:09:00 Search Messages
07:31:20 Sidebar Contacts
08:13:40 Search Sidebar Contacts
08:20:10 Search All Contacts
08:32:20 Voice and Video Call UI
09:00:00 Incoming Voice and Video Call UI
09:27:55 Zegocloud Project Setup
09:29:30 Integrating Zegocloud with Voice and Video Call
10:01:27 Exit Chat
10:06:17 Logout Whatsapp
#whatsappclone #chatapp #kishansheth #zegocloud #videocall #sdk #api #nextjs #reactjs #nodejs #socketio #whatsapp
Смотрите видео 🔴 Whatsapp Clone ( Realtime Chat App ) with Next.js, Socket.io & Zegocloud with Voice & Video Call онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Kishan Sheth 11 Июнь 2023, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 215,767 раз и оно понравилось 7.3 тысяч людям.