Giter VIP home page Giter VIP logo

vedio-calling-app's Introduction


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!

vedio-calling-app's People

Contributors

harjyoti12 avatar

Stargazers

 avatar  avatar

Watchers

 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.