https://github.com/udoy2/videochat_webrtc
A real-time video chat application built with WebRTC, Node.js, React, and Socket.io 📶
https://github.com/udoy2/videochat_webrtc
expressjs nodejs reactjs socket-io webrtc
Last synced: 3 months ago
JSON representation
A real-time video chat application built with WebRTC, Node.js, React, and Socket.io 📶
- Host: GitHub
- URL: https://github.com/udoy2/videochat_webrtc
- Owner: Udoy2
- Created: 2024-06-09T15:47:48.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2024-06-22T17:20:08.000Z (about 2 years ago)
- Last Synced: 2025-06-09T16:45:41.158Z (about 1 year ago)
- Topics: expressjs, nodejs, reactjs, socket-io, webrtc
- Language: JavaScript
- Homepage:
- Size: 318 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Video Chat WebRTC Project
This project is a real-time video chat application built using WebRTC for media communications, Node.js for the backend, and React for the frontend. Socket.io is used to manage the signaling data (SDA).
## Table of Contents
- [Features](#features)
- [Technologies Used](#technologies-used)
- [Installation](#installation)
- [Usage](#usage)
- [Contributing](#contributing)
- [License](#license)
## Features
- Real-time video and audio communication
- User-friendly interface
- Scalable and efficient signaling mechanism using Socket.io
- Room-based video chat sessions
- Cross-browser compatibility
## Technologies Used
- **Frontend**: React
- **Backend**: Node.js
- **Real-time Communication**: WebRTC
- **Signaling**: Socket.io
## Installation
### Prerequisites
Make sure you have the following installed on your machine:
- Node.js (v12 or higher)
- npm or yarn
### Clone the Repository
```bash
git clone https://github.com/Udoy2/videochat_webrtc.git
cd videochat_webrtc
```
### Install Dependencies
#### Backend
```bash
cd server
npm install
```
#### Frontend
```bash
cd ../client
npm install
```
## Usage
### Running the Backend Server
Navigate to the `server` directory and start the server:
```bash
cd server
npm start
```
The backend server will run on `http://localhost:8000`.
### Running the Frontend Application
Navigate to the `client` directory and start the development server:
```bash
cd ../client
npm start
```
The frontend application will run on `http://localhost:3000`.
### Access the Application
Open your web browser and navigate to `http://localhost:3000` to use the video chat application.
## Contributing
Contributions are welcome! Please follow these steps to contribute:
1. Fork the repository.
2. Create a new branch (`git checkout -b feature-branch`).
3. Make your changes.
4. Commit your changes (`git commit -m 'Add some feature'`).
5. Push to the branch (`git push origin feature-branch`).
6. Open a pull request.
## License
This project is licensed under the MIT License. See the [LICENSE](LICENSE) file for details.
---