A multi-paradigm real-time communication social platform built with React, Node.js, TypeScript, MongoDB, Redis, Socket.IO, LiveKit, and Docker.
🔗 Click the dashboard banner above to interact with the Live Application Grid
WebChat is a production-focused social hub that converges low-latency persistent messaging, multi-channel structural communities, voice routing matrices, and ephemeral social media loops into a unified ecosystem.
The system operates as a distributed monolithic cluster managed under tight infrastructure containment profiles.
- Direct Handshakes: Optimized one-to-one direct messaging loops.
- State Preservation: Persistent, reliable conversation timeline histories mapping structural message blocks.
- Low-Latency Signaling: Real-time asynchronous packet delivery powered exclusively via WebSockets.
- Distributed Presence: In-memory Redis-backed user online availability state metrics.
- Media Pipelines: Robust cloud media attachment processing layers.
- Multi-Channel Hubs: Dynamic instantiation of custom communities equipped with custom nested text/voice channels.
- Discussion Threads: Shared public boards handling structured group discussion streams.
- Interaction Handlers: Asymmetric client interaction modules managing reactions, edits, and message pinning.
- Social Graph Indexing: Highly customized public discussion feeds filtering posts dynamically across relationship lines.
- Virtual Score Compilation: High-concurrency upvoting and downvoting modules running calculations via in-memory document paths.
- Nested Comment Processing: Tree-structured comment response networks handling multi-threaded replies.
- Time-Limited Media: Permissive multi-account stories rendering directly inside client layout headers.
- Data Lifecycle Expiration: Native database-level TTL engine boundaries that purge expired data precisely 24 hours after creation.
- Viewer Log Tracking: Structured trace matrices tracking and displaying unique story view analytics.
- LiveKit Infrastructure: Multi-party WebRTC transmission matrices skipping server routing blockers.
- Voice Channels Room Mesh: Scalable community audio slots utilizing automated participant state hooks.
- Token Matrix Authentication: Secure server-side issued tokens governing client publish/subscribe capabilities.
- ARC Assistant Engine: Autonomous background interceptor responding to chat triggers and parsing semantic operations.
- Pinecone Memory Service: Vector database memory indexing transforming historic logs into long-term system context.
- Asynchronous Task Workers: Decoupled non-blocking execution layers generating channel alerts based on background state shifts.
- Co-Project Mapping: Deep internal service routes built to sync telemetry with the sovereign ARC-AI brain framework.
- React 19 Client Engine & Vite Build Automation Framework[cite: 21]
- Zustand Decoupled Client State Stores & Axios Security Interceptors[cite: 21]
- Tailwind CSS Mobile-First Layout Optimization Layer[cite: 21]
- Socket.IO Real-Time Client Protocols & LiveKit Media Core WebRTC Handlers[cite: 21]
- Framer Motion Core Presentation Layer & React Query Server State Synchronization[cite: 21]
- Node.js & Express 5.x REST Route Core Pipeline[cite: 21]
- Socket.IO Clusters using Distributed Redis Sync Adapters[cite: 21]
- MongoDB Atlas Persistence Framework & Mongoose Model Layer[cite: 21]
- Redis Distributed Cache & Shared State Engine Instance Matrices[cite: 21]
- Passport.js Federated Google OAuth 2.0 Identity Protocol Core[cite: 21]
┌──────────────────────┐
│ React Client │
└──────────┬───────────┘
│
HTTPS / WSS Mesh
│
┌──────────▼───────────┐
│ Express Backend │
└─────┬─────┬─────┬────┘
│ │ │
│ │ │
▼ ▼ ▼
MongoDB Redis Cloudinary
│
▼
AI Services (ARC Core)
- Anti-XSS Containment: Strict authentication attributes mapped across secure HttpOnly context configurations.
- Dual-Token Lifecycle Engine: Short-lived Access and long-lived Refresh token rotation mappings protecting active paths.
- CSRF Validation Gating: Synchronized state tokens enforcing anti-forgery validation checks on mutative operations.
- Cryptographic Salting: Heavy irreversible password encryption using verified hashing routines.
- Rate-Limiting Infrastructure: Multi-layer endpoint protection preventing brute-force execution and DDoS vectors.
- Frontend Hosting Layout: Vercel Static CDN Framework Edge Distribution Network.
- Backend Ingress Layer: Render Linux Build Environment Environment Container.
- Distributed Cloud Pipelines: MongoDB Atlas Cloud Clusters, Managed Redis cache nodes, and Cloudinary Content Delivery Networks.
- Search Engine Optimization: Strict Google Search Console validation patterns mapped directly to local assets (
robots.txt/sitemap.xml).
The application architectural details are divided across standard engineering spec files:
- 📘 ARCHITECTURE.md — Comprehensive infrastructure layout, pipeline matrices, and network routing configurations.
- 🔌 API.md — REST endpoints, WebSocket event maps, and transport contract criteria.
- 🗄️ DATABASE.md — Mongoose data validation models, strategic indexing boundaries, and mapping arrays.
- 🛡️ SECURITY.md — Cryptographic cryptographic paradigms, access gates, and anti-tamper configurations.
Aashutosh Bairagi
-
GitHub Profile: @Aashutosh31
-
LinkedIn Connect: Aashutosh Bairagi
-
Twitter / X: @Aashutosh_dev31
-
ARC AI Open-Source Project: ARC-AI
-
ARC AI Live ARC-AI Live
Built as a long-term enterprise full-stack engineering and startup project focused on scalable, highly available real-time communication infrastructures.
Proprietary & Confidential. All Rights Reserved.
Copyright (c) 2026 Aashutosh Bairagi.
This software, including all database structure files, underlying source branches, code maps, visual designs, and systemic architectures, is strictly proprietary and confidential intellectual property.
Unauthorized duplication, modification, repository cloning, sub-licensing, distribution, or public replication of any asset in this ecosystem via any medium is strictly prohibited under applicable copyright parameters. For full legal boundaries, refer to the LICENSE document.