Build A Serverless Video Chat App With React And Webrtc

Use AWS, React and WebRTC to build a full featured, secure and completely serverless video chat application.

What you'll learn

Build a Serverless Peer-to-peer Video Chat Application

Master WebRTC

Learn about Amazon Web Services (AWS) Cloud

Use React with Tailwind CSS to build a real world application

Write AWS Lambda functions in Python

Learn AWS DynamoDB

Build a WebSockets native application

Build an AWS API Gateway serverless WebSocket endpoint

Learn how to host a secure static website on AWS Cloud with S3 and Cloudfront

Learn how to authenticate with AWS Cognito

Learn the basics of AWS IAM policies and roles

Learn the basics of AWS Route 53 and domain registration

Requirements

Programming experience and some knowlege of AWS is helpful, but not required. I'll show you everything step-by-step.

Description

Ever wanted to build a video chat application or perhaps just a video chat component in a larger web application but didn't want the potential high cost and hassle of managing servers? Ever want to learn how to build a real world React application? Curious about how AWS Cloud serverless works?  Well this is the course for you! We cover all this and much more.Our course project is a secure, completely serverless peer-to-peer video chat application you can use as a portfolio project, a part of a larger application you are building or even extend it and provide it as a service.Along the way we cover a lot of diverse topics and technologies. Just like any real world application, it takes much more than just knowing one or two technologies to build a meaningful application.  I'll show you step-by-step how to use each of these cutting-edge technologies to build a real-world serverless application.Here is just some of what we cover:- Core React development with Tailwind CSS using VS Code and vite.- Amazon Web Services (AWS) cloud serverless offerings including: Lambda Functions, API Gateway, DynamoDB, Cognito, S3 and CloudFront- Javascript development with React- Python development for AWS Lambda Functions- Clean project design

Overview

Section 1: Welcome, welcome, welcome!

Lecture 1 Welcome

Lecture 2 Here are some helpful references

Section 2: A Bit of Theory Before We Start

Lecture 3 Section Overview

Lecture 4 Video Chat Architectures

Lecture 5 Network Address Translation

Lecture 6 Signaling - The Who and the What

Lecture 7 Signal Server

Lecture 8 Signaling - Offer, Answer and ICE Candidates

Section 3: Starting the Project

Lecture 9 Section Overview

Lecture 10 Setting Up VSCode and Node.js

Lecture 11 Creating Our Project

Lecture 12 Routes and Some Placeholders

Section 4: Auth Provider, Header and Status

Lecture 13 Section Overiew

Lecture 14 Adding in the Header

Lecture 15 Completing the Login Component

Lecture 16 The Auth Provider

Lecture 17 Adding in the Status

Section 5: AppState Provider and Streams

Lecture 18 Section Overview

Lecture 19 The AppStateProvider

Lecture 20 LocalStream and RemoteStream

Lecture 21 Starting the Local Stream

Lecture 22 Building the VideoInputSelector and the AudioInputSelector Components

Section 6: AWS

Lecture 23 Section Overview

Lecture 24 What is AWS?

Lecture 25 Creating a Free-Tier Account

Lecture 26 Configure Your Account and Set Up a Budget

Lecture 27 IAM and Setting Up an IAM Account

Lecture 28 IAM Policies and Roles

Lecture 29 API Gateway and Lambda

Section 7: Signal Server in AWS

Lecture 30 Section Overview

Lecture 31 Getting Started with the API Gateway

Lecture 32 Connecting to the Signal Server

Lecture 33 Setup (Part One)

Lecture 34 Setup (Part Two)

Lecture 35 Setup (Part Three)

Lecture 36 Teardown

Section 8: The Video Chat

Lecture 37 Section Overview

Lecture 38 Selecting the User

Lecture 39 Creating the Peer Connection

Lecture 40 Sending the Offer

Lecture 41 Processing the Offer

Lecture 42 Responding to the Offer

Lecture 43 Responding to the Answer

Lecture 44 Connecting the Chat

Lecture 45 The Decline Path

Lecture 46 The HangUp Path

Section 9: Authenticating with AWS Cognito

Lecture 47 Section Overview

Lecture 48 What is AWS Cognito?

Lecture 49 Creating the user pool and the app

Lecture 50 Refactoring to use Cognito (Part One)

Lecture 51 Refactoring to use Cognito (Part Two)

Lecture 52 Protecting our SignalServer

Section 10: Serverless Hosting of Our Site

Lecture 53 Section Overview

Lecture 54 AWS S3

Lecture 55 AWS Route 53

Lecture 56 AWS Certificate Manager

Lecture 57 AWS CloudFront

Lecture 58 Putting it all together

Section 11: Wrap Up

Lecture 59 Where do we go from here?

Anyone interested in building a serverless video chat application and anyone passionate about web development.,Anyone interested in building a real-world serverless application on the AWS Cloud.