Enterprise & Management · Full Stack

TalkHub

Browser Video Calling

Register, find contacts and call them straight from the browser. TalkHub is an online audio and video calling site. It lets users register, search for contacts, and call each other directly from their browser.

Visit Live Site
TalkHub | Browser Video Calling

Demo

See it in action

Overview

What this project does

Enables peer-to-peer voice and video communication between registered users with real-time signaling and WebRTC technology.

Features

Core features

  • User registration and JWT-based login
  • Online user search and discovery
  • Audio and video call initiation
  • Real-time call signaling (invite, accept, decline)
  • Peer-to-peer audio/video streaming
  • STUN/TURN server configuration for NAT/firewall traversal
  • User data storage with Mongoose
  • Password hashing with bcryptjs
  • Input validation with Joi
  • Context API state management (Auth, Socket, Theme, Toast)
  • Custom hooks (useWebRTC, useCall, useUsers)

Impact

What it delivers

  • Real-time peer-to-peer audio/video streaming
  • WebRTC signaling via Socket.io
  • STUN/TURN server configuration for connection resilience
  • Secure authentication with JWT
  • User search and online status
  • Real-time call management (invite, accept, decline)
  • Custom React hooks for WebRTC and call management
  • WebRTC peer-to-peer communication
  • Real-time signaling with Socket.io
  • Support for both audio and video calls
  • NAT/firewall traversal via STUN/TURN
  • JWT-based secure authentication

Under the hood

Technical specifications

Type
Real-time audio/video calling web application.
Target users
Users seeking to make real-time audio and video calls over the internet with other registered users.
Integrations
Socket.io for real-time signaling STUN/TURN servers for connection establishment MongoDB for user data storage
Frontend
Next.js 15, React 18, TypeScript
Database
MongoDB with Mongoose ORM
Real-time
Socket.io for signaling
Real-time Video
WebRTC with STUN/TURN servers
Authentication
JWT (JSON Web Tokens)
Security
bcryptjs for password hashing, Joi for validation
Styling
Tailwind CSS
Deployment
Vercel

Related work

More projects

All projects
Abdul Rafay logo
Abdul Rafay

Full Stack Web & AI Developer building web apps, SaaS platforms and AI features for founders and agencies.

Security & data

  • GDPR-aware data handling

  • AI data stays in your infrastructure

  • No training on your data

  • NDA and IP assignment by default

  • You own the code from day one

© 2026 Abdul Rafay. All rights reserved.

Faisalabad, Pakistan