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.
- 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.
- 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.
- Clone this repository to your local machine:
git clone https://github.com/simranlotey/react-video-call.git
- Change into the project directory:
cd react-video-call
- Install the required dependencies:
npm install
- Start the server:
npm start
- Install the required dependencies for the client:
cd client
npm install
- Open your web browser and visit http://localhost:3000 to access the application.
- Start a new video call by entering the ID of the person you want to call.
- Use the controls to mute/unmute your microphone and enable/disable your camera during the call.
- Enjoy real-time video communication with your friends and colleagues!