Skip to content

PulkitChangoiwala/Video_Chat_App

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

1 Commit
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation


Video Chat App

Table of Contents
  1. About The Project
  2. Getting Started
  3. Architecutre
  4. Flow Diagram
  5. Features
  6. Contact

About The Project

This is a video conferencing application that is used to host virtual meetings, chats and audio conferencing. The major tech stacks used are PeerJS, socket.io, Google Firebase and Express. Website: https://bit.ly/video-chat-

Built With

C++

C++

C++

C++

C++

C++

C++


Disclaimer

P2P connection will not be established over different networks by just cloning this repository.
Turn Server should also be implemented to build a P2P Connection over different networks.
Otherwise, you may run the application on Local Network. 

You will need to integrate firebase database with the application to store chat for future use.

(Steps mentioned in Installation section)

Getting Started

Prerequisites

This is an example of how to list things you need to use the software and how to install them.

  • npm
    npm install npm@latest -g
  • dotenv: "^10.0.0"
  • ejs: "^3.1.6",
  • express: "^4.17.1",
  • express-session: "^1.17.2",
  • firebase: "^8.7.1",
  • peer: "^0.6.1",
  • peerjs: "^1.3.2",
  • socket.io: "^4.1.2",
  • uuid : "^8.3.2"

Installation

  1. Get a free API Key at https://firebase.google.com/

  2. Setup a realtime database on firebase google. Refer This

  3. Setup a TURN server. Refer This

  4. Clone the repo

    git clone https://github.com/your_username_/Project-Name.git
  5. Install NPM packages

    npm install
  6. Enter your API in .env file. Refer .env_sample

    API_KEY = 'ENTER YOUR API';
  7. Add your TURN SERVER Credentials (Lines 51-55) in script.js

  8. While hosting on Heroku, Uncomment Lines 39-56 in script.js

  9. To run the application on Local Host

    • Open the command prompt from your project directory and run the command npm start.
    • Go to your browser and type http://localhost:3030/ in the address bar.

Architecture Diagram

Flow Diagram

flow

Features

Video On/Off Audio On/Off
Chat Show Participants
Quick Message Send Emoji
Raise Hand Pin Video
Copy Meet Code End Call

Contact

Pulkit Changoiwala - @pulkitchangoiwala - changoiw@iitg.ac.in

Project Link: https://github.com/PulkitChangoiwala/Video_Chat_App

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors