VideoCall Code Editor and Whiteboard App

• User can join a video call with other users.
• Users can see each others in the screen while they are talking to each other.
• The app has a chat feature where users can send text messages during the calls.

Overview

The VideoCall Code Editor and Whiteboard App is a web-based application that combines real-time video calling with a collaborative code editor and a shared whiteboard. It leverages WebRTC technology and is built using HTML, CSS, and JavaScript. This Readme provides an overview of the app's features, installation instructions, and usage guidelines.

Features

• Video Calling: Enjoy high-quality, real-time video calls with other users.
• Code Editor: Collaboratively edit code in your preferred programming language with other participants.
• Whiteboard: Share a whiteboard to draw and visualize ideas.
• Real-time Synchronization: All participants see code edits and whiteboard changes in real-time.
• Customizable Interface: Easy to integrate into existing applications or websites.
• WebRTC Integration: Utilizes WebRTC for peer-to-peer communication.

Prerequisites

To get the app up and running, you'll need:

• A modern web browser that supports WebRTC (e.g., Chrome, Firefox).
• A code editor to make any necessary customizations.

Installation

1. Clone the repository:

   git clone git@github.com:Azmath-123/Miniproject12.git

2. Open the project directory in your code editor.

3. Customize the app according to your needs, such as branding and features.

4. Host the app on a web server or use a service like GitHub Pages.

5. Share the app URL with your users/participants.

Usage

1. Open the app in a web browser.

2. Start or join a video call using the provided interface.

3. Share the code editor or whiteboard with other participants.

4. Collaboratively edit code or draw on the whiteboard in real-time.

5. Enjoy a seamless video call while working on your projects.

Configuration

The app's configuration can be customized to meet your specific requirements. Some common configurations include:

• Changing the video call UI to match your branding.
• Enabling/disabling features like code editor and whiteboard.
• Integrating user authentication for secure access.

You can find the configuration files in the config directory of the project.

Technologies Used

• HTML, CSS, JavaScript: The core technologies used to build the web application.
• WebRTC: For real-time audio and video communication.
• CodeMirror: A versatile code editor library for the collaborative code editor.
• Whiteboard API: Used for creating the whiteboard feature.

Contributing

We welcome contributions from the community. Feel free to open issues or submit pull requests to help improve this project.

License

This project is licensed under the MIT License.

Contact

If you have any questions or need assistance, please feel free to contact us at azmathsoheb@gmail.com.

---

Thank you for using the VideoCall Code Editor and Whiteboard App! We hope you find it useful for your collaborative projects.