Популярное

Музыка Кино и Анимация Автомобили Животные Спорт Путешествия Игры Юмор

Интересные видео

2025 Сериалы Трейлеры Новости Как сделать Видеоуроки Diy своими руками

Топ запросов

смотреть а4 schoolboy runaway турецкий сериал смотреть мультфильмы эдисон
dTub
Скачать

🔴 Whatsapp Clone ( Realtime Chat App ) with Next.js, Socket.io & Zegocloud with Voice & Video Call

Автор: Kishan Sheth

Загружено: 2023-06-11

Просмотров: 257203

Описание:

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

Поделиться в:

Доступные форматы для скачивания:

Скачать видео mp4

  • Информация по загрузке:

Скачать аудио mp3

Похожие видео

Fullstack Discord Clone: Next.js 13,  React, Socket.io, Prisma, Tailwind, MySQL | Full Course 2023

Fullstack Discord Clone: Next.js 13, React, Socket.io, Prisma, Tailwind, MySQL | Full Course 2023

ОБЫЧНЫЙ VPN УМЕР: Чем обходить блокировки в 2026

ОБЫЧНЫЙ VPN УМЕР: Чем обходить блокировки в 2026

Coding Project - Global view of events - Concerts, Fashion, Festivals

Coding Project - Global view of events - Concerts, Fashion, Festivals

WhatsApp Clone with MERN Stack | Real-Time Chat App using Socket.IO & React.js | Full-Stack Project

WhatsApp Clone with MERN Stack | Real-Time Chat App using Socket.IO & React.js | Full-Stack Project

Build and Deploy a Full Stack Realtime Chat Messaging App with NextJS 13

Build and Deploy a Full Stack Realtime Chat Messaging App with NextJS 13

MERN Stack Project: Realtime Chat App  React.js & Socket.io In Mern-Stack #mernstack #reactjs

MERN Stack Project: Realtime Chat App React.js & Socket.io In Mern-Stack #mernstack #reactjs

WhatsApp Clone – MERN Stack Real-Time Chat App | FREE Course

WhatsApp Clone – MERN Stack Real-Time Chat App | FREE Course

Awesome NextJS Projects

Awesome NextJS Projects

JetKVM - девайс для удаленного управления вашими ПК

JetKVM - девайс для удаленного управления вашими ПК

Вот Что

Вот Что "ВСЕГДА" Происходит Перед Обвалом Рынка!

⚡️Давос 2026 ЭТО ПРИКРЫТИЕ/Цифровые ID/валюты/ИИ.

⚡️Давос 2026 ЭТО ПРИКРЫТИЕ/Цифровые ID/валюты/ИИ.

Как Трамп ОТМЕНЯЕТ Крипту Одним Указом. Биткоин — ВСЁ?

Как Трамп ОТМЕНЯЕТ Крипту Одним Указом. Биткоин — ВСЁ?

Real-Time Messenger Clone: Next.js 13, React, Tailwind, Prisma, MongoDB, NextAuth, Pusher (2023)

Real-Time Messenger Clone: Next.js 13, React, Tailwind, Prisma, MongoDB, NextAuth, Pusher (2023)

Build a Course & LMS Platform: Next 13,  React, Stripe, Mux, Prisma, Tailwind, MySQL | Udemy Clone

Build a Course & LMS Platform: Next 13, React, Stripe, Mux, Prisma, Tailwind, MySQL | Udemy Clone

Build and Deploy a Realtime Chat App with React, Node.js, Socket.io

Build and Deploy a Realtime Chat App with React, Node.js, Socket.io

Ещё одна уязвимость для React/Next.js при использовании Node.js.

Ещё одна уязвимость для React/Next.js при использовании Node.js.

Шариков победил? Или спасибо Булгакову с Бортко

Шариков победил? Или спасибо Булгакову с Бортко

Держать ли ОФЗ 15 лет ДО ПОГАШЕНИЯ?! Выгоды и Риски.

Держать ли ОФЗ 15 лет ДО ПОГАШЕНИЯ?! Выгоды и Риски.

Программа «Статус» с Екатериной Шульман и Максимом Курниковым | 20.01.2026

Программа «Статус» с Екатериной Шульман и Максимом Курниковым | 20.01.2026

Сисадмины больше не нужны? Gemini настраивает Linux сервер и устанавливает cтек N8N. ЭТО ЗАКОННО?

Сисадмины больше не нужны? Gemini настраивает Linux сервер и устанавливает cтек N8N. ЭТО ЗАКОННО?

© 2025 dtub. Все права защищены.



  • Контакты
  • О нас
  • Политика конфиденциальности



Контакты для правообладателей: infodtube@gmail.com