https://github.com/rsatrio/react-webrtc-chat

Simple React Chat Application Using WebRTC
https://github.com/rsatrio/react-webrtc-chat

Last synced: 10 days ago
JSON representation

Simple React Chat Application Using WebRTC

• Host: GitHub
• URL: https://github.com/rsatrio/react-webrtc-chat
• Owner: rsatrio
• License: mit
• Created: 2022-04-22T23:21:41.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2022-05-19T15:34:51.000Z (over 2 years ago)
• Last Synced: 2024-04-24T11:57:41.729Z (7 months ago)
• Language: JavaScript
• Size: 170 KB
• Stars: 25
• Watchers: 1
• Forks: 4
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# React WebRTC Chat

A simple chat application using WebRTC for p2p chat and WebSocket for signaling.

You can try the live application at:

https://glowing-creponne-b62856.netlify.app/

## Features

- E2EE Chat P2P Application

- Using WebRTC and WebSocket

## Build

- Install nodejs

- Edit the "REACT_APP_SIGNALLING_SERVER" in environment configuration to point to your signaling server (code example in [here](https://github.com/rsatrio/WebRTC-Signaling-Server) )

- Edit the "REACT_APP_GA_ID" in environment configuration with your Google Analytics Measurement ID

- This client used STUN and Turn Server from OpenRelay Project (https://www.metered.ca/tools/openrelay/). You can change it in the App.js to use your own STUN/TURN server

- Run this to install required NPM and build the application:

```shell

npm install

npm run build

```

## Explanation

You can find the detail explanation of this application in [this medium blog](https://mrizkysatrio.medium.com/webrtc-chat-application-772539ae97b7).

## Feedback

For feedback, please raise issues in the issue section of the repository. Periodically, I will update the code. Enjoy!!.