Gunjan1116 / Video-Chat-app

Video Chat App is a project built using HTML, CSS, JavaScript, Express, Mongoose, Node.js, Socket.io, and WebRTC. The app allows users to communicate through chat messages and video calls in real-time.
https://face-time-video.netlify.app/
10 stars 5 forks source link
css express html javascript mongoose nodejs socket-io webrtc

Video chat app

Overview

This video chat app is built using WebRTC, Socket.io, Express, and Node.js. It allows users to have real-time video calls and chat with each other over the internet, with features like turning off the camera,screen sharing, text chat, and muting audio.


Project Name

Face-Time


Deployed Link

FaceTime


Tech Stacks

Frontend

How to use

Step-1: Click on this link FaceTime . You will be redirected to the landing page of the app.


Step-2: You(user-1) have to copy your personal code and give it to the person(user-2) you want to connect.


Step-3: User-2 have to paste user-1 personal code in the personal code input box and click on the video call.


Step-4: User-2 will see the UI in which there will be reject call option if they want to reject the call and user-1 will see a dialgoue box in which their will be two option either to reject the call or accept the call.


Step-5: After user-1 accept the call both user can see each other and can also do chat message. There are other functionality like turning of the camera, turning of the audio, screen sharing and also ending call button.


Landing Page

FaceTime-1


UI After clicking on video call button and copying personal code of the user to connect

FaceTime-2


UI on the user side who is receiving the call

FaceTime-3


UI After connection get established

FaceTime-4


UI on clicking on sharing screen button

FaceTime-5


UI of chat message

FaceTime-6