Group Video Chat

Built with React and Agora

Setup

• Install Node.js
• 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

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 <port of dev build>
• Share the generated ngrok forwarding link with friends to video chat!