End-to-End Encrypted • Peer-to-Peer • Zero Knowledge
SecureP2P Messenger is a cutting-edge, end-to-end encrypted messaging application built as a capstone project. It demonstrates advanced secure communication technologies, ensuring that your messages remain private and can only be read by you and your intended recipient.
|
Messages are encrypted on your device using AES-256-GCM before being transmitted. The server cannot read your messages - it only relays encrypted data. |
Connect via mobile hotspot without internet! Perfect for private communication in areas with limited connectivity. |
|
Instant messaging with typing indicators, read receipts, and live connection status using WebSocket technology. |
Share files of any type with the same military-grade encryption. Files are chunked and encrypted before transfer. |
🔐 Security Features
| Feature | Description |
|---|---|
| AES-256-GCM | Military-grade symmetric encryption |
| PBKDF2 | 100,000 iterations for key derivation |
| Unique IV | Each message uses a unique initialization vector |
| Zero-Knowledge | Server cannot decrypt messages |
| Bcrypt Hashing | Secure password storage |
| JWT Authentication | Secure session management |
💬 Messaging Features
| Feature | Description |
|---|---|
| Real-time Chat | Instant message delivery |
| Typing Indicators | See when peer is typing |
| Message Status | Sent, delivered, read receipts |
| Room Codes | Easy 6-character room codes |
| QR Code Sharing | Scan to join rooms |
| Emoji Support | Full emoji picker |
📁 File Transfer
| Feature | Description |
|---|---|
| Any File Type | Support for all formats |
| Chunked Transfer | Reliable large file support |
| Progress Tracking | Real-time progress bar |
| Encrypted Transfer | E2E encrypted files |
🎨 User Experience
| Feature | Description |
|---|---|
| Modern Dark UI | Sleek cyberpunk design |
| Responsive | Works on all devices |
| Animations | Smooth Framer Motion transitions |
| Toast Notifications | Clear user feedback |
| P2P Visualization | Real-time network status |
┌────────────────────────────────────────────────────────────────────┐
│ HOW IT WORKS │
└────────────────────────────────────────────────────────────────────┘
📱 Device A 🖥️ Server 💻 Device B
┌──────────┐ ┌──────────┐ ┌──────────┐
│ │ │ │ │ │
│ "Hello" │ │ ?????? │ │ "Hello" │
│ ↓ │ │ ↓ │ │ ↑ │
│ ENCRYPT │ ──────────────► │ RELAY │ ──────────────► │ DECRYPT │
│ AES-256 │ Encrypted │ (Can't │ Encrypted │ AES-256 │
│ │ Gibberish │ Read) │ Gibberish │ │
└──────────┘ └──────────┘ └──────────┘
┌────────────────────────────────────────────────────────────────────┐
│ KEY DERIVATION │
└────────────────────────────────────────────────────────────────────┘
Room Code: "ABC123" + PeerID_A + PeerID_B
↓
┌─────────────────┐
│ PBKDF2 │
│ 100,000 rounds │
│ SHA-256 │
└────────┬────────┘
↓
┌─────────────────┐
│ SAME KEY ON │
│ BOTH DEVICES │ ← Never transmitted!
└─────────────────┘
Node.js >= 18.0
npm or yarn# 1. Clone the repository
git clone https://github.com/Vixcy300/securep2p-messenger.git
cd securep2p-messenger
# 2. Install dependencies
npm install
# 3. Set up environment
cp .env.example .env.local
# 4. Start the servers
# Terminal 1:
node server/index.js
# Terminal 2:
npm run dev
# 5. Open in browser
# http://localhost:3000# Just double-click:
start.batWant to use on mobile or without internet? Easy!
# 1. Find your computer's IP
ipconfig # Windows
ifconfig # Mac/Linux
# 2. Update .env.local
NEXT_PUBLIC_SIGNALING_SERVER=http://YOUR_IP:3001
NEXT_PUBLIC_APP_URL=http://YOUR_IP:3000
# 3. Restart servers and access from mobile
http://YOUR_IP:3000|
Next.js 14 |
TypeScript |
Tailwind |
Node.js |
Socket.IO |
| Layer | Technology | Purpose |
|---|---|---|
| Frontend | Next.js 14, React 18 | UI Framework |
| Styling | Tailwind CSS, Framer Motion | Design & Animations |
| State | Zustand | Global State Management |
| Backend | Node.js, Express | API Server |
| Real-time | Socket.IO | WebSocket Communication |
| Security | Web Crypto API | Browser-native Encryption |
| Auth | JWT, Bcrypt | Authentication |
securep2p-messenger/
├── 📂 app/ # Next.js App Router
│ ├── 📄 layout.tsx # Root layout
│ ├── 📄 page.tsx # Main page
│ └── 📄 globals.css # Global styles
├── 📂 components/ # React components
│ ├── 📄 chat-interface.tsx # Chat UI
│ ├── 📄 disclaimer.tsx # Attribution (protected)
│ ├── 📄 dashboard.tsx # Main dashboard
│ └── 📂 ui/ # Reusable components
├── 📂 lib/ # Core utilities
│ ├── 📄 crypto.ts # Encryption functions
│ ├── 📄 p2p.ts # P2P connection logic
│ ├── 📄 store.ts # Zustand state
│ └── 📄 utils.ts # Helpers
├── 📂 server/ # Backend
│ └── 📄 index.js # Express + Socket.IO
└── 📂 public/ # Static assets
Message Input → UTF-8 Encode → AES-256-GCM Encrypt → Base64 → Transmit
↑
Random 12-byte IV
+
PBKDF2 Derived Key
| ✅ Protected | ❌ Visible to Server |
|---|---|
| Message content | Message timestamps |
| File contents | Room codes |
| Encryption keys | Connection status |
Capstone Project • 2025
This project is licensed under the MIT License - see the LICENSE file for details.
⚠️ Attribution Required: The disclaimer component must remain intact when using or distributing this project.
- Next.js - The React Framework
- Socket.IO - Real-time Engine
- Tailwind CSS - Styling
- Framer Motion - Animations
- Lucide Icons - Beautiful Icons
⭐ If you found this project helpful, please give it a star!
Made with ❤️ and ☕ by Vignesh
