Hey, I am Vishal

Building distributed systems and real-time graphics engines with zero compromise on latency.

Distributed systems•Engineering•Eventual consistency•Problem Solving

I am a Software Development Engineer (SDE), Systems Architect, and Performance Engineer focused on distributed consensus, low-latency streaming pipelines, and GPU compute infrastructure.

My engineering core centers on efficiency, fault tolerance, and deterministic data pipelining from edge requests down to distributed compute nodes. From low-level compute shader memory layouts for WebGPU / WGSL to streaming Next.js React Server Components (RSC) and lock-free CRDT synchronization, I engineer systems built to thrive under peak concurrency.

Previously engineered scalable web services and distributed architectures for high-throughput platforms including MrManager and DigiVikreta. Drove page load reductions by +40% via memoized AST parsing, intelligent code splitting, and zero-bundle static shells.

Vishal Raghav
Taxonomy

Explore Work & Architecture

Everything I build, write, optimize, and engineer in the open.

DISTRIBUTED03

Systems Architecture

Zero-bundle static shells, CRDT sync, and streaming RSC pipelines.

View specs →
Gen AI & AI Erineering06

GenAI & Python

Implementations of RAG , LLM's and Genrative Architecture.

View work →
OPEN SOURCE27

Projects

Production repos, spatial architecture tools, and 3D web applications.

View repositories →
StudyComputer Science

Education

A summary of my educational journey and academic achievements.

View details →
RUNTIME & OPS04

Tooling & Infra

Bun runtime, Dockerized micro-deployments, and automated CI/CD.

View tooling →
Knowelege05

Learning&Notes

The list of rescourses that help me to coding & problem solving; Kudos to all.

View learning →
APPLICATIONS02

Platform Work

MrManager and DigiVikreta high-concurrency client-facing services.

View platforms →
Resume01

Resume

A quick summary of my experience and achievements.

View Resume →
Selected Systems

Featured Production Work

View all 25 on GitHub ↗

FlyingAero

// Real-Time Flight Vector Graphics & Geospatial Tracking
TypeScriptMapLibre GLdeck.glOpenSky API
  • ›Geospatial High-Performance Visualization:Implementation of MapLibre GL integration with deck.gl library for smooth visualization of flight paths in real time.
  • ›Data Failovers: Created failover mechanism between OpenSky and ADS-B community sources (adsb.lol, adsb.fi) for avoiding IP blocks by cloud providers.
  • ›Spatial Caching: A grid cache at 250 NM range was made to reduce API load and avoid rate limits.

NexBoard

// Real-Time Collaborative Spatial Architecture
TypeScriptNext.js RSCWebSocketsCRDTsCanvas Engine
  • ›Decoupled Architecture: Separated stateful WebSocket connections from stateless Next.js React Server Components (RSC), ensuring optimal initial load via zero-bundle static shells while maintaining sub-millisecond real-time DOM hydration.
  • ›Distributed State Management: Implemented custom Conflict-Free Replicated Data Types (CRDTs) to handle concurrent mutations across client nodes without aggressive database locks.
  • ›Graphics Optimization: Optimized canvas loops to minimize CPU main-thread blocking by batching draw calls and zero-copy memory serialization.

Velocity

// Interactive 3D Footwear Experience & Render Engine
React 18Three.jsReact Three FiberDreiGLTF / PBR
  • ›Shader Passes & Studio Lighting: Multi-threaded 3D shoe rendering with dynamic environment maps, ambient occlusion passes, and physically based rendering (PBR).
  • ›Texture Atlas & Draw Calls: Dramatically compressed geometry buffers for zero hitching and steady 60 FPS performance on resource-constrained mobile GPUs.

Architecture Notes & Engineering Insights

All notes ↗

Concise engineering maxims, benchmarks, and mental models.

Pinned Experiments

All repositories ↗

Live repos built and maintained in the open ecosystem.

★ 00elegant_gasp_smoother
TypeScript
★ 01FlyingAero
TypeScript
★ 00funky-web
TypeScript
★ 01NexBoard
TypeScript
★ 01ProductivityRecoder
TypeScript
★ 01velocity
TypeScript
★ 01x-feed-filter
TypeScript
Architecture Stack

Engineering Competencies & Toolchain

Engineered for high concurrency, 60 FPS spatial graphics, and resilient infrastructure.

layers

Frontend & Core

Frameworks: Next.js (App Router), React 18

Languages: TypeScript, ESNext, Web APIs

State: Redux Toolkit, Recoil, CRDT sync

Styling: Tailwind CSS, CSS Custom Properties

deployed_code

3D Graphics & GPU

APIs: WebGPU, WebGL2, Canvas API

Engines: Three.js, React Three Fiber, Drei

Shaders: WGSL, GLSL custom passes

Motion: GSAP ScrollTrigger, Lenis Scroll

dns

Backend & Distributed

Runtimes: Node.js, Bun (high throughput)

Streaming: WebSockets, Server-Sent Events

APIs: RESTful APIs, RPC protocols

Data: Eventual consistency, CRDT stores

terminal

Infra & Operations

Containers: Docker, multi-stage builds

CI/CD: GitHub Actions automated pipelines

VCS: Git, trunk-based delivery

Systems: Linux environments, memory telemetry