📞 Video Calling and Video Conferencing App

This is a video calling and video conferencing application built using React, Elastic UI, Firebase for database and authentication, and ZegoCloud for real-time communication. The app allows users to have 1:1 video calls as well as conduct video conferences with multiple participants. It features a visually appealing user interface that is fully responsive. 📱💻

Features

• 🔒 User Authentication: Users can create accounts, log in, and authenticate themselves securely using Firebase authentication.

• 

• 🎥 1:1 Video Calls: Users can initiate and receive 1:1 video calls with other users of the application. The calls are established using the ZegoCloud platform, which provides real-time communication capabilities.

• 🎉 Video Conferencing: Users can create or join video conferences with multiple participants. This allows for collaborative video calls and remote meetings.

• 

• 

• 

• 🖥️ Responsive UI: The user interface of the application is designed to be fully responsive, providing an optimal viewing experience across various devices and screen sizes.

Technologies Used

• ⚛️ React: A JavaScript library for building user interfaces.
• 💎 Elastic UI (EUI): A UI framework that provides a set of React components for building consistent and responsive user interfaces.
• 🔥 Firebase: A cloud-based platform that offers various services, including authentication and database functionality.
• 📡 ZegoCloud: A real-time communication platform that enables video calling and conferencing capabilities.

Getting Started

To run the application locally, follow these steps:

1. Clone the repository to your local machine.
2. Install the necessary dependencies.
3. Set up Firebase authentication and database services, and obtain the required configuration details.
4. Configure the Firebase credentials in the application.
5. Obtain the necessary credentials and configuration details from ZegoCloud to enable video calling and conferencing functionality.
6. Configure the ZegoCloud credentials in the application.
7. Start the development server.
8. Access the application by visiting http://localhost:3000 in your web browser.

Folder Structure

The project follows a common folder structure for a React application:

• public/: Contains the public assets and the index.html file.
• src/: Contains the application source code.
  • components/: Includes reusable React components used throughout the application.
  • pages/: Contains individual page components that define different screens or views of the application.
  • services/: Includes modules responsible for interacting with Firebase and ZegoCloud services.
  • utils/: Contains utility functions or helper modules used in the application.
  • App.js: The main entry point of the application.
  • index.js: The entry point for rendering the React application.

Contributions

Contributions to this project are welcome. If you would like to make any improvements or add new features, feel free to submit a pull request.

Please ensure that your changes align with the project's coding style, conventions, and best practices.