mihir0699/video-chat

Video calling and chatting app (PWA) built using React.js, Web RTC and Socket.io

Welcome to Mihir's Video Chat App ✨

    

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/

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

👇 Support me here!

Features and Functionalities

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

Screenshots 📸

Home Page

Incoming Call

In Call

Chat

Tech Stack 💻

• React.js
• Netlify + Heroku (Hosting)
• Web RTC
• Socket.io
• Node.js
• Ant Design

🤩Feel free to give this repo a ⭐ if you like this repo and want to appreciate our efforts

Contributor: Gautam Tiwari

video-chat's Issues

New Ringtone

Maybe it would be better to create a new ringtone, the current one is the teams ringtone.
I could do it.
What do you think?

Matteo

Implement screen share and full screen mode on one click

I wanted to add following features:

1. Screen share
2. User Video full screen mode on one click

unable to run the app

Hi Mihir, I tried running the app on my local server after all the necessary setups and installations, still when I tried running the app, it showed me a lot of errors in the localhost:3000 server.

Here are the screenshots for the same:

By miss, no Issues

npm start giving an error

When I run npm start in the client folder I get an error. npm start

Regarding dependencies version

I think there are some depreciations in dependencies, can you please update them?

Dark mode toggle button

Addition of dark mode toggle button and storing the users preference in local storage so as to use the same theme that the user has set previously while loading the web app for the next times.

I dont know how to run this system

i have downloaded the zip folder containing all the project files. On my terminal i run node index.js within the root folder and open localhost:5000 on chrome. The terminal writes server running on port 5000, then the browser just says running. Now i want to able to open the index file in video-chat-main\client\build in such a way that the video chat app will fully function. Can someone please help me with step by step guide to how to run the app on localhost

Not connecting with remote user

Please make implication for remote user.

Should i first run npm i (all dependencies listed in package.json) for the app to run

The app is running well. Thanks Mihir for the wonderful development.

How Do I Deploy This To Public?

How Do I Publish This Like You Hosted The Live Demo on Vercel So How Do I Also Deploy This On Vercel SIr?

Signaling server

Hi, do you use signaling server for this video chat ?

Adding support for more than 2 users

This is a new feature that I want to add and will accept PR during hacktoberfest regarding this. If anyone is willing to work on this please comment and let me know.