Skip to content

Latest commit

 

History

History
82 lines (57 loc) · 3.28 KB

README.md

File metadata and controls

82 lines (57 loc) · 3.28 KB

Darpan-Video Chat App

Description

Darpan is a simple video chat app, which uses Web RTC Api to allow us to exchange of real time audio and video stream entirely in the broswer

  • It uses peer js to handle peer to peer connections.
  • It uses material UI for the Styles.
  • It uses react-copy-to-clipboard for copying the ID to the clipboard.

How to use the App.

  • To use the app write your Name and Click on COPY ID button, as soon as you click the button your ID will be copied.
  • And then you can send it over to the required person
  • As soon as they CLICK the CALL button you're going to recieve a notification about the call.
  • After that you can either pic the call or hang up.

Installing the app on your machine

To run the app locally you need to have node or yarn installed on your system. And then follow the steps

  • Open up your preferred terminal and then write
git clone https://github.com/abhishekkumar08/Darpan-video-chat-app.git
  • change the directory to the app
cd Darpan-vide-chat-app
  • install the dependencies for the backend
npm i
  • install the dependencies for the frontend after changing the directory to it
cd .\client\
npm i
  • then again come to the backend folder and start the backend
cd ..
npm run start
  • and then start the frontend after moving to the folder
cd .\client\
npm run start

The app started 🚀

Screenshots

image image

Tech stack

react    javascript    html5    css3    git    material ui    socket.io