Video chat app built using React, Socket.io and WebRTC

Last update: Aug 2, 2022

Video Chat Web App

It has been built using React, Material UI, Socket.io and WebRTC

To open this on your browser click here

Backend has been deployed on heroku and frontend has been deployed on netlify

To run this locally on your device

  1. Clone this repo
  2. Open terminal in the root directory of this project and run yarn install
  3. Execute the command node index.js
  4. Execute cd ./client
  5. Now in client directory, run command yarn install
  6. Go to src/SocketContext.js and put http://localhost:7777 in the socket initialisation function
  7. Now execute yarn start and open http://localhost:3000 in your browser

GitHub

https://github.com/ThejasNU/video-chat-web-app
You might also like...

A React Realtime Chat Application with Social Auth and dedicated chat APIs/sockets.

A React Realtime Chat Application with Social Auth and dedicated chat APIs/sockets.

Chat-Room This is a fully responsive React chat application with social authentication including Google and Facebook using Firebase online statuses, g

May 23, 2022

A full Realtime Chat Application with Social Auth and dedicated chat APIs/sockets.

A full Realtime Chat Application with Social Auth and dedicated chat APIs/sockets.

Iced-Chat A full Realtime Chat Application with Social Auth and dedicated chat APIs/sockets. It uses Firebase(from google) for auth. It also uses Chat

Jul 1, 2022

⚡️ realtime scalable server performance monitor application built using react, node, redis and socket.io with clusters module.

⚡️ realtime scalable server performance monitor application built using react, node, redis and socket.io with clusters module.

PERFMonitor - Performance Monitoring System Introduction PERFMonitor is a web application that shows you performance and problems of one or more serve

Jul 31, 2022

This is a chat application where users can chat with people, create posts, save post etc.

This is a chat application where users can chat with people, create posts, save post etc.

Chat Application This is a chat application where users can chat with people, create posts, save post etc. Design inspired by Uchechukwu Ajalam (https

Jun 25, 2022

💘 Dating app - Built with Node, React, Postgres, Socket.io & Material-UI

💘 Dating app - Built with Node, React, Postgres, Socket.io & Material-UI

Built with Node, React, Postgres, Socket.io & Material-UI The project Matcha is a dating app with the following features: 🌈 non-binary

Jul 20, 2022

Monks and Mages is a TCG-game built on React and socket.io

Monks and Mages Monks and Mages is a trading card-style game inspired by Heroes of Might and Magic / Magic the Gathering. The gameplay is similar to M

Jun 25, 2022

A strawpoll clone built with react, socket.io, typescript, and postgres.

👩‍🌾 StrawPoll Clone An open source alternative to StrawPoll built with Next.js, Typescript, Socket.io, and Postgres. Features Unlimited answer choic

Dec 27, 2021

Messanger - An messaging app buil on React and Redux with socket.io for real time chatting

Messanger - An messaging app buil on React and Redux with socket.io for real time chatting

An messaging app build on React and Redux with socket.io for real time chatting as MERN project you can make a gruop chat as well Login and sigup authenicate with bcrypt and json web token and complete chat is saved on Mongodb

Jul 6, 2022

Discord Clone using React, Node, Express, Socket-IO and Mysql

Discord Clone using React, Node, Express, Socket-IO and Mysql

React Discord Clone Functional Discord Clone written in Typescript using React, Socket IO, NodeJS, Express and MySQL View the live verison at - http:

Aug 1, 2022
Comments
  • 1. Doesn't work in different network

    It doesn't work in 2 different devices with different internet connection.

    Call comes and shows the name of caller, but the video and audio not broadcasting.

    Reviewed by md-kawsar-ali at 2022-08-02 19:31
Chat Application Using React, Node.js and Socket.io with MongoDB

Steps to Start the App Install the Public Dependencies Install the Server Dependencies In the Server Directory there's a .env file. Change the value o

Aug 5, 2022
Chat rooms using react and socket.io
Chat rooms using react and socket.io

Chat rooms This is a project I made to try out socket.io Both react and socket.io (at the time of writing) are relatively new to me. Running Locally R

Jun 2, 2022
A real-time chat application made using ReactJs, ExpressJs, NodeJs, and Socket.io.
A real-time chat application made using ReactJs, ExpressJs, NodeJs, and Socket.io.

insta-chat Live Site ScreenShots Instachat is a real-time chat app made with ReactJs on the front-end and ExpressJs , NodeJS , Socket.io web socket li

Jun 12, 2022
Example of chat web application using Socket.IO with the MERN stack Client in React

Real time chat app Example of chat web application using Socket.IO with the MERN

Dec 22, 2021
Chat-app-frontend - A chat app massenger with expressjs and reactjs
Chat-app-frontend - A chat app massenger with expressjs and reactjs

Chat App Messenger A chat app messenger with expressjs and reactjs Contact with

Jul 6, 2022
Chat Loop is a highly scalable, low-cost, and high performant chat application built on AWS and React leveraging GraphQL subscriptions for real-time communication.
Chat Loop is a highly scalable, low-cost, and high performant chat application built on AWS and React leveraging GraphQL subscriptions for real-time communication.

Chat Loop is a highly scalable, low-cost, and high performant chat application built on AWS and React leveraging GraphQL subscriptions for real-time communication.

Jun 20, 2022
A chat application created using React,js and Chat Engine

⭐️ Chat-App ⭐️ A Chat Application created using React.js and Chat Engine Live Site Getting Started with Create React App This project was bootstrapped

Jul 1, 2022
Chat - Microsoft Teams Clone build using Chat engine api and React JS
Chat - Microsoft Teams Clone build using Chat engine api and React JS

Chat Application Website - Site deployed here Introduction This is Microsoft Tea

Feb 7, 2022
a chat application using react chat-engine api

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

Dec 25, 2021
Hexlet-chat: a simple real-time chat application using react

Hexlet tests and linter status Hexlet-chat study project at hexlet.io Overview H

May 17, 2022