simranlotey / react-video-call

A real-time video calling application that allows users to connect with each other, providing the ability to initiate video calls and control their audio and video settings.

React Video Call

Welcome to the React Video Call App, a real-time video calling application that allows users to connect with each other, providing the ability to initiate video calls and control their audio and video settings.

Features

• Initiate video calls with other users.
• Mute/unmute your microphone during a call.
• Enable/disable your camera during a call.
• User-friendly interface with intuitive controls.
• Real-time communication using WebRTC and Socket.io.
• Built with React, Context API, Ant Design, React Bootstrap, Aphrodite, React Copy to Clipboard, and React Icons.

Technologies Used

• React: A JavaScript library for building user interfaces.
• Context API: Used for managing application-wide state and providing data to components.
• WebRTC: A real-time communication technology for video and audio transmission.
• Socket.io: Enables real-time, bidirectional communication between the server and clients.
• Ant Design: A popular UI library for React applications with a rich set of components.
• React Bootstrap: A library that combines React and Bootstrap for responsive and attractive UI design.
• Aphrodite: A CSS-in-JS library for managing styles in a JavaScript environment.
• React Copy to Clipboard: Provides a simple way to copy text to the clipboard.
• React Icons: Offers a comprehensive set of icons for React applications.

Installation

1. Clone this repository to your local machine:

git clone https://github.com/simranlotey/react-video-call.git

2. Change into the project directory:

cd react-video-call

3. Install the required dependencies:

npm install

4. Start the server:

npm start

5. Install the required dependencies for the client:

cd client
npm install

6. Start the development server:

npm start

7. Open your web browser and visit http://localhost:3000 to access the application.

Usage

1. Start a new video call by entering the ID of the person you want to call.
2. Use the controls to mute/unmute your microphone and enable/disable your camera during the call.
3. Enjoy real-time video communication with your friends and colleagues!

Deployment

• Frontend Hosting: The frontend of this application is hosted on Netlify. You can access it at Frontend url.

• Backend Hosting: The backend of this application is hosted on Render.com. You can access it at Backend url.

Contributing

We welcome contributions from the community. If you'd like to contribute to the project, please follow these steps:

1. Fork the repository.
2. Create a new branch for your feature or bug fix.
3. Make your changes and commit them.
4. Push your changes to your fork.
5. Submit a pull request to the master branch of this repository.

Contact

If you have any questions or suggestions, please feel free to contact us at [email protected].

Thank you for using the React Video Call App!