WebRTC Real-time voice chat MERN Complete project in Hindi

The video presents a complete tutorial series in Hindi on building a real-time voice chat application using WebRTC and the MERN stack. The project focuses on creating a drop-in audio chat platform similar to podcast rooms with speakers and listeners.

Key Technological Concepts and Features:

• Application Prototype & Flow:
  • Users start at a home page ("Coders House") where they can register using either mobile number or email.
  • OTP-based verification for both phone and email registration.
  • User profile setup includes entering full name, uploading or selecting a profile picture, and choosing a custom username.
  • After registration, users see a list of public voice chat rooms with topics, speakers, and listener counts.
  • Users can join rooms as listeners or create their own rooms.
  • Room types include Open (public), Closed, and Social (invite-only via link).
  • Inside rooms, speakers talk while listeners listen; users can mute/unmute their microphones, select from multiple mics, leave or end rooms.
  • User profiles are accessible with follow functionality.
• Technology Stack:
  • UI Design: Figma for designing the interface.
  • Frontend: React.js with Redux for state management, styled with Core CSS.
  • Backend: Node.js with Express.js for API handling.
  • Database: MongoDB.
  • Real-time Communication: WebRTC for peer-to-peer voice streaming, enabling direct browser-to-browser voice data transfer without a server relay.
  • Signaling: WebSockets using Socket.io for exchanging SDP (Session Description Protocol) and signaling data between peers before establishing WebRTC connections.
  • Containerization & Deployment: Docker for containerizing the app and deployment on live servers.
  • Version Control: Used for project organization.
• Project Complexity:
  • Targeted at beginner to intermediate developers.
  • The most challenging part is understanding and implementing WebRTC.
  • The tutorial promises detailed explanations of difficult concepts.
• Pre-requisites:
  • Basic JavaScript knowledge including Arrow Functions, Promises, Modules, and Classes.
  • The creator offers separate courses for these fundamentals linked in the video description.
• Series Structure:
  • The project will be divided into multiple parts.
  • Encourages viewer engagement through comments and likes for motivation.

Summary of Provided Guidance:

• Step-by-step user registration flow.
• Room creation and participation mechanics.
• Real-time voice communication setup using WebRTC and signaling with Socket.io.
• Full stack development with MERN technologies.
• UI/UX design using Figma.
• Containerization and deployment best practices with Docker.

Main Speaker/Source:

The tutorial is presented by a Hindi-speaking instructor (name not provided) who guides through the entire project development process.