React Group Video Calling App Tutorial

Learn how to create a group video calling web application using React, JavaScript, and Agora in this comprehensive tutorial video. Explore the process of setting up an Agora project, configuring the development environment, and implementing essential components such as video stream subscription, publishing, and control features. Follow along as the instructor guides you through authentication, token generation, and React dependency installation. Discover how to build the main App and VideoCall components, handle video stream management, and create intuitive calling controls. The tutorial also covers leaving calls, unsubscribing from streams, and displaying video players. Conclude with bug fixes, testing, and learn how to host your application publicly using ngrok.

| Introduction
| Project Overview
| All About Agora?
| Agora Project Setup
| Dev Environment Setup
| React Starting Code
| Agora Authentication and Tokens
| React Dependency Installation
| Agora Configuration
| App Component
| VideoCall Component Setup
| Subscribing To and Publishing Video Streams
| Video Calling Controls Setup
| Leaving and Unsubscribing From Video Streams
| Video Player Display
| Quick Overview of The Code
| Join Call Button
| Bug Fixes and Testing
| nrgok Setup - Hosting The App Publicly
| Conclusion