Code Monkey home page Code Monkey logo

video-chat's Introduction

Welcome to Mihir's Video Chat App ✨

PRs Welcome Build passing Open Source Love License 

Table of contents

Project Description

This is a video call application that allows users to talk and connect through just their browser. The application includes real time text chat functionality and voice chat has a variety of features like sharing screens, muting/deafening mics, and facecam. It's also a modern PWA (Progressive Web App) 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!

Buy Me A Coffee

Features and Functionalities

  • Instantly join a video call with a code that can be instantly shared on any social media platform
  • Text chat in real-time
  • Text chat notifications
  • Supports real-time screen sharing (Thanks to chand10-beg)
  • Can install it as a PWA on your device
  • Unlimited duration calls
  • Simple and intuitive user interface

How to Contribute

  • Make sure that you have git installed on your computer
  • Fork this repository by going to the top right of this page and clicking on the fork button
  • After forking, use the command 'git clone' and append the URL to your forked repository
  • Change directories locally into /Video-Chat
  • The files you will be looking at primarily will be in client/src

Screenshots 📸

Home Page

enter image description here The app's interface shown here depicts the option to mute, deafen, share your code, enter account info, and make a call by entering another user's code.

Incoming Call

enter image description here If you receive a call you are given the option to accept/decline as well as the other user's information.

In Call

enter image description here Users in a call are displayed side by side like other traditional video calling platforms.

Chat

enter image description here Opening a chat with a user on the other end of the call.

enter image description here Ongoing conversation with another user.

Tech Stack 💻

  • React.js - Free, open-source, and can be used to develop applications.
  • Netlify + Heroku - Hosting platform used to launch and deploy web applications.
  • Web RTC - Provides applications with real-time communication.
  • Socket.io - Allows you to have bi-directional, real-time communication between clients and servers.
  • Node.js - Used to build scalable and fast applications.
  • Ant Design - Design system for user interfaces.

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

Contributor: Gautam Tiwari

Video Chat - Video Calling and chatting app built using React.js | Product Hunt

forthebadge forthebadge Buy Me A Coffee

video-chat's People

Contributors

mihir0699 avatar devgautamtiwari avatar anthony42540 avatar dependabot[bot] avatar webdevrachit avatar ashusharma1007 avatar imgbotapp avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.