https://github.com/luqmanzaceria/group-video-chat
Group Video Chat App built with React and Agora
https://github.com/luqmanzaceria/group-video-chat
agora agora-sdk agoraio group-video group-video-call react reactjs videochat
Last synced: 3 months ago
JSON representation
Group Video Chat App built with React and Agora
- Host: GitHub
- URL: https://github.com/luqmanzaceria/group-video-chat
- Owner: luqmanzaceria
- Created: 2023-12-21T23:46:19.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2023-12-27T00:10:06.000Z (over 1 year ago)
- Last Synced: 2025-01-21T18:23:46.887Z (4 months ago)
- Topics: agora, agora-sdk, agoraio, group-video, group-video-call, react, reactjs, videochat
- Language: JavaScript
- Homepage:
- Size: 4.33 MB
- Stars: 0
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Group Video Chat
Built with React and Agora
## Setup
- [Install Node.js](https://nodejs.org/en/)
- `cd group-video-chat`
- `npm install`
- `yarn start or npm start` to start client
- `cd server`
- `npm install`
- Define constants by creating a `.env` file like the `.env.example` file. Add Agora Credentials and the `PORT` we’re going to use to listen for requests.
- `yarn start or npm start` to start server
## Docker demo
```bash
docker run -itd --rm -v /app/node_modules -p 3001:3000 -p 8080:8080 -e CHOKIDAR_USEPOLLING=true luqmanzaceria/group-video-chat
```
Open `localhost:3001` in your browser and you will find the app running!
## Hosting app publicly
- Download ngrok
- Place `ngrok.exe` in chosen directory
- `npm start` and note the port your dev build is running on
- `cd server` and start server with `npm start`
- Navigate to the directory that contains `ngrok.exe` and run `./ngrok http `
- Share the generated ngrok forwarding link with friends to video chat!