https://github.com/vicentefb/video-chat-app

Video Application using ReactJS, Socket.io and PeerJS
https://github.com/vicentefb/video-chat-app

peerjs-server peerjs-webrtc reactjs socket-io video-streaming

Last synced: about 13 hours ago
JSON representation

Video Application using ReactJS, Socket.io and PeerJS

• Host: GitHub
• URL: https://github.com/vicentefb/video-chat-app
• Owner: vicentefb
• Created: 2021-12-05T03:21:08.000Z (almost 3 years ago)
• Default Branch: master
• Last Pushed: 2021-12-06T05:56:40.000Z (almost 3 years ago)
• Last Synced: 2023-09-03T01:08:03.778Z (about 1 year ago)
• Topics: peerjs-server, peerjs-webrtc, reactjs, socket-io, video-streaming
• Language: JavaScript
• Homepage: https://video-app-clone.netlify.app/
• Size: 246 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Video Web Application

Video Web App is a simple WebRTC application to showcase the usage of socket.io and peerjs to broadcast video between client and server.

### Build

```sh

git clone https://github.com/vicentefb/Video-Chat-App.git

Backend

From root: npm run start

Frontend

cd client

npm install

npm run start

```

Go to **localhost:3000**

### Tech

* [ReactJS] for structuring and styling the front end

* [node.js] - evented I/O for the backend

* [Express] - fast node.js network app framework 

* [Socket.io] - to enable real-time, bi-directional communication between web clients and servers

* [PeerJS] - WebRTC wrapper

* [Heroku] - cloud platform to run server side

  

   [PeerJS]: 

   [ReactJS]: 

   [Socket.io]: 

   [node.js]: 

   [express]: 

   [Heroku]: 

### Folder structure

```

.

├── client                  # Contains the front-end

├── .gitignore                  

├── README.md

├── package-lock.json

├── package.json

└── index.js                # handles the backend socket event configuration

```