Angular Video Call App

This is a simple, responsive video call application built with Angular. The app allows users to connect with each other using peer-to-peer connections, enabling real-time video calls. The application also includes features like screen sharing, camera control, and an invitation code copy functionality.

Table of Contents

• Features
• Screenshots
• Getting Started
  • Prerequisites
  • Installation
  • Running the App
• Usage
• Responsive Design
• Built With
• Contributing
• Contact

Features

• Peer-to-Peer Video Call: Connect with friends via peer-to-peer connections using a unique peer ID.
• Screen Sharing: Share your screen with others during the call.
• Camera Control: Open and close your camera within the app.
• Invite Code Copy: Easily copy your peer ID to share with others.
• Responsive Design: Fully responsive layout, optimized for both desktop and mobile devices.

Screenshots

Getting Started

Prerequisites

Before you begin, ensure you have met the following requirements:

• Node.js: Make sure you have Node.js installed. You can download it here.
• Angular CLI: Install Angular CLI globally using npm:

  npm install -g @angular/cli

Installation

1. Clone the repository:

   git clone https://github.com/tanmaytare/angular-video-call-app.git

2. Navigate to the project directory:

   cd angular-video-call-app

3. Install the dependencies:

   npm install

Running the App

To start the Angular development server, use the following command:

ng serve

Then, open your browser and navigate to http://localhost:4200/ to see the app in action.

Usage

1. Generate a Peer ID: When the app is loaded, a unique peer ID will be generated for you.
2. Copy the Invite Code: Use the "Copy Invite Code" button to share your peer ID with a friend.
3. Connect with a Friend: Enter your friend's peer ID into the input box and click "Call".
4. End the Call: Use the "End" button to terminate the connection.
5. Share Screen: During the call, you can share your screen using the "Share Screen" button.
6. Open Your Camera: Toggle your camera on or off with the "Open Your Camera" button.

Responsive Design

This app is fully responsive and designed to work seamlessly on various screen sizes, including mobile phones. Key elements like buttons, video containers, and input fields adjust according to the screen size to ensure an optimal user experience.

Built With

• Angular - The web framework used
• Bootstrap - For styling and responsive design
• PeerJS - Simplified WebRTC peer-to-peer connections

Contributing

Contributions are welcome! Please feel free to submit a Pull Request or open an Issue.

1. Fork the Project
2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
3. Commit your Changes (git commit -m 'Add some AmazingFeature')
4. Push to the Branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

Contact

Tanmay Tare - tanmytare453@gmail.com

Project Link: https://vibe-call.netlify.app/

---