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

17 1

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 💻

Heroku

Build apps, not infrastructure.

Dealing with servers, hardware, and infrastructure can take up your valuable time. Discover the benefits of Heroku, the PaaS of choice for developers since 2007.

Visit Site

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...

A Workflow Copilot. Tailored to You.

Pieces.app image

Our desktop app, with its intelligent copilot, streamlines coding by generating snippets, extracting code from screenshots, and accelerating problem-solving.

Read the docs

👋 Kindness is contagious

Engage with a sea of insights in this enlightening article, highly esteemed within the encouraging DEV Community. Programmers of every skill level are invited to participate and enrich our shared knowledge.

A simple "thank you" can uplift someone's spirits. Express your appreciation in the comments section!

On DEV, sharing knowledge smooths our journey and strengthens our community bonds. Found this useful? A brief thank you to the author can mean a lot.

Okay