WebRTC – Create Zoom Clone Video Group Call Application

Course Curriculum

Chapter 1: Introduction

Lecture 1: App Functionalities

Lecture 2: Mesh Architecture Introduction

Lecture 3: Theory – What is WebRTC ?

Lecture 4: What is signaling server ?

Lecture 5: What is STUN server ?

Lecture 6: What is TURN server ?

Lecture 7: What is SDP ?

Lecture 8: What are ICE candidates ?

Lecture 9: How to establish direct connection between two peers ?

Chapter 2: Preparing environment

Lecture 1: Node.js installation

Lecture 2: Creating Server and Installing Dependencies

Lecture 3: Preparing our basic server logic

Lecture 4: Initialization of React Application

Lecture 5: Preparing React project

Lecture 6: Store configuration with Redux

Chapter 3: Creating front-end of Application in React

Lecture 1: Stylesheets and Icons

Lecture 2: Preparing Pages Components before adding routing to our Application

Lecture 3: React Router – Do not skip before next lecture

Lecture 4: Adding Routing in React

Lecture 5: Creating Introduction Page without Buttons

Lecture 6: Creating Introduction Page Buttons

Lecture 7: Creating Join Room Page

Lecture 8: Dispatching first action in Redux – isRoomHost

Lecture 9: Displaying different title depends on the props

Lecture 10: Rendering Join Room Page Inputs

Lecture 11: Fixing bug with wrong content

Lecture 12: Creating audio only checkbox

Lecture 13: Saving information about connection type in Redux Store

Lecture 14: Create Component responsible for displaying error message

Lecture 15: Creating Join Room Page buttons

Lecture 16: Checking if room exists on server

Lecture 17: Handling response from server about information if room exists

Lecture 18: Logic separation of Joining / Creating room

Lecture 19: Testing our HTTP request

Lecture 20: Saving Indentity (username) in Store

Chapter 4: Creating Room Page UI with React

Lecture 1: Preparing basic structure of Room Page

Lecture 2: Creating Room Label

Lecture 3: Passing correct room id to the Label Component

Lecture 4: Creating Participants Sections

Lecture 5: Displaying Single Participant

Lecture 6: Creating Room Buttons Structure

Lecture 7: Creating Mic Button

Lecture 8: Creating Camera Button

Lecture 9: Creating Leave Room Button

Lecture 10: Creating Screen Share Button

Chapter 5: Creating server logic with Socket.IO

Lecture 1: Preparing for Room Connection

Lecture 2: Getting Local Stream

Lecture 3: Creating Loading Overlay

Lecture 4: Creating connection with Socket.IO Server

Lecture 5: Connecting to Socket.IO Server from Client Side

Lecture 6: Emitting an Event to Server to Create New Room

Lecture 7: Testing Event responsible for Creating New Room

Lecture 8: Creating Create New Room Handler

Lecture 9: Getting Room Id from Server

Lecture 10: Showing Real Users Connected To Room In Participants List

Lecture 11: Fixing bug with User List

Lecture 12: Creating Join Room Handler

Lecture 13: Testing Joining Room

Lecture 14: Leaving Room

Lecture 15: Closing Room if None users left

Chapter 6: Creating WebRTC logic

Lecture 1: Architecture introduction

Lecture 2: Prepare for connection

Lecture 3: Handle connection prepare Event

Lecture 4: Starting with simple-peer

Lecture 5: Handling on stream Event

Lecture 6: Handling on signal Event

Lecture 7: Passing signaling data to connected Users

Lecture 8: Emitting Event – connection init

Lecture 9: Displaying Local Preview

Lecture 10: Displaying incoming Streams

Lecture 11: Testing WebRTC Connection

Lecture 12: Constraints

Lecture 13: Zoom In possibility

Lecture 14: Leaving Room Functionality

Lecture 15: Code explanation

Chapter 7: Connecting logic to Room Buttons

Lecture 1: Mute Functionality

Lecture 2: Disable Video Functionality

Lecture 3: Testing Buttons

Lecture 4: Screen Sharing – Preview

Lecture 5: Fixing Bug with disabling Screen Share

Lecture 6: Switching Track which we are sending in Peer connection

Chapter 8: Creating Chat Functionality

Lecture 1: Creating Chat UI

Lecture 2: Creating Messages Container

Lecture 3: Creating New Message Input

Lecture 4: Preparing Store for Messages

Lecture 5: Exchanging Messages with other Users

Chapter 9: Connection only with Audio

Lecture 1: Connecting only with Audio

Lecture 2: Creating Only Audio Label

Lecture 3: Fixing Bug with Audio Only Label

Lecture 4: Small improvments

Chapter 10: Connection with TURN Server