video

Video conferencing application with screen sharing, participant control and more with SignalWire Video APIs in React

Sep 09, 2021
Video conferencing application with screen sharing, participant control and more with SignalWire Video APIs in React

React Zoom Clone

This React/Node.js codebase implements Zoom's core features using the SignalWire Video SDK and the SignalWire Video REST API.

Running the app

First create a new .env file in the format below:

PROJECT_ID=<Your SignalWire Project ID here> SPACE=https://<Your SignalWire Username here>.signalwire.com/api/video API_KEY=<Your API token here>

To start both the frontend and the backend at once:

yarn install yarn dev

Running the app via CodeSandbox

Live version of this application is up at CodeSandbox. So feel free to visit if you would like to browse this code and make changes from the comfort of your own browser.

Backend: codesandbox.io/s/zoom-clone-backend-07t4x

Frontend: codesandbox.io/s/zoom-clone-frontend-omfsp

  • Note: The codesandbox versions differ slightly from the GitHub version because of the way they are deployed.

I want to learn how to do this

The step by step guide for this application is available here: Making a Zoom Clone with SignalWire Video API.

GitHub

https://github.com/signalwire/browser-videoconf-full-react

Recommended