Git Product home page Git Product logo

serendipity's Introduction

P2P WebRTC Chat Application

A peer-to-peer (P2P) video chat application with text chat functionality, similar to Omegle. The application uses WebRTC communication and websockets for real-time video and text chat.

Features

  • Peer-to-Peer Video Chat: Connects users directly for a seamless video chat experience using WebRTC.
  • Text Chat: Integrated text chat feature for sending messages during video calls.
  • Random Matching: Automatically matches users randomly for a chat session.
  • Responsive Design: Optimized for both desktop and mobile devices.

Tech Stack

  • Frontend: React.js
  • Backend: Node.js, Express
  • WebRTC: RTCPeerConnection for handling WebRTC connections.
  • Websockets: ws library for real-time communication.

Getting Started

Prerequisites

Ensure you have the following installed on your machine:

Node.js (>= 14.x) npm (>= 6.x) or yarn (>= 1.x)

Installation

  1. Clone the repository:
git clone https://github.com/AnirudhMemani/serendipity.git
cd serendipity
  1. Install dependencies:
cd frontend
npm install
cd ../backend
npm install
  1. Run the development server from root directory:
npm run dev
# or
yarn dev

Open http://localhost:3000 with your browser to see the application.

WebRTC and WebSockets Integration

The application uses WebRTC for establishing peer-to-peer connections and WebSockets for signaling. Below is a brief overview of how these technologies are integrated:

WebRTC

  • Simple-peer: A lightweight wrapper around WebRTC to simplify peer-to-peer connections.
  • Video Component: Manages the local and remote video streams using WebRTC.

WebSockets

  • Server: Handles signaling for WebRTC connection setup and messaging between clients.
  • Client: Manages socket connections and handles events for user connections and messaging.

Contributing

We welcome contributions from the community! Please fork the repository and submit a pull request with your changes. Make sure to follow the code style and add appropriate tests.

serendipity's People

Contributors

anirudhmemani avatar

Stargazers

 avatar  avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.