DEV Community

Cover image for Video call app with chat functionality built using React.js, Web RTC and Socket.io
Mihir Gupta
Mihir Gupta

Posted on

Video call app with chat functionality built using React.js, Web RTC and Socket.io

This is a video calling application where users can call other user and will also have the capabiltiy to mute their mic and audio. Their is also real time chat functionality.
It's also a modern PWA so users can install it on their devices like other native apps.

Project Link - https://video-chat-mihir.vercel.app/

Github repo - https://github.com/mihir0699/Video-Chat

Demo Video - https://youtu.be/zsyEx2sVi6c

Features and Functionalities πŸ˜ƒ

  • Video Call with others
  • Mute audio/video
  • Instantly join a video call with a code
  • Chat in real-time
  • Chat Notifications
  • Install it as a PWA (Progressive Web App) on your device
  • Unlimited duration calls
  • Share code instantly on social media platforms
  • Simple and intuitive UI

Screenshots πŸ“Έ

Home Page

enter image description here

Incoming Call

enter image description here

In Call

enter image description here

Chat

enter image description here

enter image description here

Tech Stack πŸ’»

Top comments (2)

Collapse
 
seif1000 profile image
benmazouz seif eddine

hello sir , i want to real-time transcribe the audio data comming from the browser word by word in the node js server (not in the client) ,but i dont know hwo can i access and collect the audio data comming from the browser , any help please ???

Collapse
 
mihir0699 profile image
Mihir Gupta

You can use Web Speech API, find more about it here- developer.mozilla.org/en-US/docs/W...