Random Video Chat Source Code (Omegle-Style)

Production-ready random video chat platform built with Next.js 16, WebRTC, Socket.IO, and Express. This codebase is designed for founders, indie makers, and agencies who want to launch a real-time stranger chat product quickly with a modern UI and clean signaling architecture.

Overview

This project delivers a complete two-part setup:

• A polished Next.js frontend with animated landing page and responsive chat room UI.
• A standalone Express + Socket.IO signaling server for matchmaking, signaling, and live chat relays.

Users join the queue, get randomly matched, and start a peer-to-peer video session. Text chat is available as soon as a match is made, so users can communicate while media connects.

Core Features

• Random queue-based stranger matching.
• WebRTC peer-to-peer video + audio calling.
• Live text chat between matched users.
• Smart session lifecycle: searching, connecting, connected, reconnecting.
• One-click Next/Skip partner flow.
• Camera and microphone toggle controls.
• Full-screen video mode.
• Live session timer and online-user indicator.
• Mobile chat drawer + desktop chat sidebar.
• Graceful handling for partner disconnect and server reconnect.
• Health endpoint with real-time queue/usage stats (/health).
• Modern animated landing page (Framer Motion + GSAP) for higher conversion.

Tech Stack

• Frontend: Next.js 16, React 19, TypeScript, Tailwind CSS
• Realtime: WebRTC, Socket.IO client
• Backend signaling: Node.js, Express, Socket.IO server
• UI/Animation: Framer Motion, GSAP, Lucide icons

What You Get

• Full frontend source code (app/, components/, lib/)
• Full signaling server source code (server/index.js)
• Environment-based signal endpoint config (NEXT_PUBLIC_SIGNAL_URL)
• Local development scripts for running frontend + signaling server together
• Deploy-ready structure for separate frontend/backend hosting

Ideal Use Cases

• Omegle-style random chat platforms
• Social discovery MVPs
• Community warm-up rooms
• Event networking tools
• White-label realtime communication products

Quick Start

npm install
npm run dev

Default local services:

• Frontend: http://localhost:3000
• Signaling server: http://localhost:4000

Version Log

Version labels below are mapped to the existing Git history for clear release communication.

| Version | Date | Commit | Changes | | --- | --- | --- | --- | | v1.0.0 | 2025-06-28 | c634dc6 | Initial release: Next.js app, core WebRTC video chat flow, Socket.IO signaling server, UI foundation. | | v1.0.1 | 2025-06-28 | 6b6e45f | Configuration update: environment setup and Tailwind/config cleanup. | | v1.1.0 | 2025-10-21 | 205df27 | Major update: live text chat, improved signaling logic, upgraded chat/session UX, README refresh. | | v1.2.0 | 2025-10-21 | 14f499a | Premium UI pass: redesigned landing page, refined chat layout/controls, metadata/package updates. | | v1.3.0 | 2026-03-21 | unreleased | Framework upgrade: migrated to Next.js 16.2.0 with React 19, updated type packages, and aligned Next 16 config for successful production builds. |

Notes for Buyers

• This project focuses on anonymous random matching and realtime communication.
• No user account system or payment module is included by default (easy to extend).
• For production-grade connectivity across strict networks, add your own TURN server.