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.
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
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.
1. Sign up for a Netlify account if you haven't already.
- Install the Netlify CLI: npm install -g netlify-cli.
- Log in to your Netlify account: netlify login.
- Navigate to the project directory and run netlify init to link your local project with a Netlify site.
- Follow the prompts to deploy your app to Netlify.
Now, your Video Call App should be up and running both locally and on Netlify!
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.
Email: [email protected]
GitHub: https://github.com/harjyoti12/
BuymeACoffe:https://www.buymeacoffee.com/horoji86v
We'd love to hear from you!