Skip to content

harjyoti12/vedio-calling-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

26 Commits
 
 
 
 
 
 
 
 

Repository files navigation


Logo

Group Video call app

An awesome Group video call app

View Demo . Report Bug . Request Feature

Table Of Contents

About The Project

Product Screenshot Product Screenshot Product Screenshot Product Screenshot Product Screenshot Product Screenshot Product Screenshot Product Screenshot Product Screenshot

Video Call App:

The Video Call App is a web application built with React.js that allows users to conduct video calls with one another. The app utilizes the Zego Cloud platform for real-time audio and video communication, providing a seamless and high-quality video calling experience.
Users can sign up and log in securely using Firebase Authentication, ensuring that only authenticated users can access the video calling features. The app is designed to be responsive, allowing users to make video calls from various devices and screen sizes.
Overall, the Video Call App provides a simple and effective solution for users to connect with each other through video calls, making it ideal for remote meetings, virtual events, and social interactions.

Built With

React.js - A JavaScript library for building user interfaces.
Zego Cloud - A platform for real-time audio and video communication.
Firebase Authentication - Authenticate users using only client-side code.
Netlify - Hosting platform for websites and web applications.

- React - Firebase - ZegoCloud

Getting Started

To get started with the Video Call App, follow these steps:


1.Clone the repository:

git clone https://github.com/your-username/video-call-app.git

2.Install dependencies:

cd video-call-app
npm install

3.Set up Firebase authentication:

Create a Firebase project at Firebase Console.

Enable Firebase Authentication and choose the authentication methods you want to use (e.g., email/password, Google sign-in). Copy your Firebase project's configuration (you will need this later).

4.Update Firebase configuration:

In the project, find the Firebase configuration file (usually named firebaseConfig.js or similar). Replace the placeholder values with your Firebase project's configuration.
5.Run the app:

npm start

The app should now be running locally. Open your browser and navigate to http://localhost:3000 to see the app in action.

Deploy to Netlify:


1. Sign up for a Netlify account if you haven't already.
  1. Install the Netlify CLI: npm install -g netlify-cli.
  2. Log in to your Netlify account: netlify login.
  3. Navigate to the project directory and run netlify init to link your local project with a Netlify site.
  4. Follow the prompts to deploy your app to Netlify.
    Now, your Video Call App should be up and running both locally and on Netlify!

Usage

Sign Up or Log In:

If you don't have an account, sign up with your email and create a password.
If you already have an account, log in with your email and password.


Start a New Video Call:

Click on the "Start New Call" button.

Enter a name for your call (optional).
Share the call ID with the person you want to call.
Join an Existing Video Call:

Click on the "Join Existing Call" button.
Enter the call ID shared with you by the caller.
During the Call:

Use the controls to mute/unmute your microphone and enable/disable your camera.
Click on the "End Call" button to end the call.
After the Call:

You can start a new call or join another call using the same process.

Contact

If you have any questions, suggestions, or issues, feel free to contact us:

Email: [email protected]
GitHub: https://github.com/harjyoti12/
BuymeACoffe:https://www.buymeacoffee.com/horoji86v
We'd love to hear from you!