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: about 1 month 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 (about 1 year ago)
• Default Branch: main
• Last Pushed: 2023-12-27T00:10:06.000Z (about 1 year ago)
• Last Synced: 2023-12-27T21:05:10.677Z (about 1 year 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: 0
• 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!