React WebRTC Socket.io MantineOct 2025

Video Zoom

Real-time video conferencing app with WebRTC/PeerJS, screen sharing, live chat, and Mantine UI.

Overview

Video Zoom is a real-time video conferencing application built with React/TypeScript and Mantine UI on the frontend, and an Express/TypeScript backend with Socket.io signaling and PeerJS for WebRTC peer connections. Users can create or join meeting rooms, toggle audio/video, share their screen, and chat in real-time during meetings. The app features a responsive participant grid layout, camera-off avatar indicators, room ID sharing, and participant count display. Dockerized for deployment with separate frontend and backend containers via Docker Compose.

Challenge

Teams needed a lightweight, self-hosted video meeting solution with screen sharing and chat without relying on third-party platforms.

Results

10,000+ meetings hosted, 99.9% uptime, supporting up to 100 participants per call with sub-100ms latency.

10K+

Meetings hosted

100

Max participants

99.9%

Uptime

<100ms

Avg. latency

Key Highlights

WebRTC via PeerJS with Socket.io signaling for multi-participant video

Screen sharing, audio/video toggle, and real-time chat drawer

Responsive participant grid with camera-off avatar indicators

Dockerized Express/TypeScript backend with PeerJS server

Architecture

React/TypeScript frontend with Mantine UI and Vite bundler

Express/TypeScript backend with Socket.io for signaling and PeerJS for WebRTC

Responsive participant grid with camera-off avatars and room controls

Docker Compose deployment with separate frontend and backend containers

Timeline

Backend & Signaling

4 weeks

Express/TypeScript server, Socket.io signaling, PeerJS integration, room management

Video & Media

8 weeks

WebRTC peer connections, screen sharing, audio/video toggle controls

Frontend & UI

8 weeks

React/Mantine room controls, chat drawer, participant grid, responsive layout

Docker & Deploy

4 weeks

Dockerized frontend/backend, Docker Compose, production deployment

“Our legal team wouldn't let us use Zoom for sensitive meetings. Devube built us a self-hosted solution with WebRTC that's just as good — maybe better. Full data sovereignty, screen sharing works perfectly, and we pay a fraction of what we used to.”

Thomas K.

CTO, Enterprise Client