https://github.com/sumingcheng/peerchat

P2P chat room, PeerJS implementation, peer-to-peer chat, supporting group chat.
https://github.com/sumingcheng/peerchat

nat-traversal p2p peerjs react webrtc

Last synced: 3 months ago
JSON representation

P2P chat room, PeerJS implementation, peer-to-peer chat, supporting group chat.

• Host: GitHub
• URL: https://github.com/sumingcheng/peerchat
• Owner: sumingcheng
• License: apache-2.0
• Created: 2025-02-28T10:01:59.000Z (11 months ago)
• Default Branch: main
• Last Pushed: 2025-09-27T14:04:31.000Z (4 months ago)
• Last Synced: 2025-09-27T15:06:37.502Z (4 months ago)
• Topics: nat-traversal, p2p, peerjs, react, webrtc
• Language: TypeScript
• Homepage: https://sumingcheng.github.io/PeerChat/
• Size: 7.59 MB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# PeerChat

A real-time peer-to-peer chat application built with WebRTC technology. Enables direct communication between users without requiring a central server, featuring a clean interface and smooth chat experience.

## Features

### Decentralized Communication

- Direct P2P communication via WebRTC

- No central server for message storage, protecting user privacy

- NAT traversal support for various network environments

### Group Chat

- Create and join group chats

- Host/member role distinction

- Real-time online member display

### User-Friendly Interface

- Intuitive chat interface with message type differentiation

- Special indicators for host messages

- Message status display (sending, sent, etc.)

### Instant Sharing

- Generate shareable group chat links

- Quick join via links or IDs

## Tech Stack

- React + TypeScript + Vite

- PeerJS (WebRTC)

- Tailwind CSS 

## Local Development

```bash

# Install dependencies

pnpm install

# Start development server

pnpm run dev

# Build for production

pnpm run build

# Preview production build

pnpm run preview

# Deploy to GitHub Pages

pnpm run deploy

```

## Live Demo

Visit [https://sumingcheng.github.io/PeerChat/](https://sumingcheng.github.io/PeerChat/) for live demo.

![image](https://github.com/user-attachments/assets/86215de5-b733-4210-853d-b19925e22539)

![image](https://github.com/user-attachments/assets/e3885b5a-19cc-4405-9c87-a8134fcc8398)

![image](https://github.com/user-attachments/assets/9148dc49-d901-40c3-b050-1807a74b024c)

![image](https://github.com/user-attachments/assets/fda512dc-450f-4554-bcb7-516f344f9813)

## License

Apache License Version 2.0

## Architecture Overview

![1](https://github.com/user-attachments/assets/29aac949-138b-4e2f-ae4c-a099fae9b8b6)

## Donation