Craft Studio
BLR · ASIA/KOLKATA
🐼

Awakening Koji

Initializing edge systems and interactive sanctuary…

Boot Sequence00%
Craft.
craft.anuraaggrao.com/Cyber Panda
Software Architect & Creative Technologist

ANURAAG
G. RAO

Full-Stack & Systems Engineer based in Bangalore. Building high-throughput edge systems, zero-server privacy utilities, and tactile 60 FPS interfaces. Gamer by nature.

Sub-15ms Edge Latency
Zero-Leak Privacy
60 FPS Game Loop
Koji says

“Low latency, fresh matcha, zero drama. Welcome to Craft Studio!”

(click to talk)
Koji
🐼
Koji
Cyber Panda
12ms
CASE STUDIES · 055 production systems taken apart: utilities, edge analytics, canvas physics & audio DSP.
Scroll to inspect
ARCHITECTURE & SYSTEMS CASE STUDIES

ENGINEERED TO SCALE

Deconstructing five production platforms engineered for maximum throughput, zero-leak privacy, and sub-15ms edge compute.

01Developer Tools & Cryptography
Live Production

Developer & Recon Suite

High-Frequency Client-Side Dev Utilities

15 Production Tools · 0 Server Payload Leaks

Reengineered legacy ad-bloated formatters into a zero-server privacy toolkit. Processes Regex ASTs, WebCrypto SHA/HMAC digests, Unix epoch time, and cron schedules strictly inside browser memory.

Architectural Highlights
  • 100% Web Crypto API and client-side AST transpilation
  • Interactive Regex visualizer with color-coded capture groups
  • Zero telemetry on user payloads with Cloudflare Workers routing
Next.js 16Cloudflare WorkersWebCrypto APIOpenNextTailwind CSS
edge-probe://utils.anuraaggrao.com
HTTP 200 OK
// Route verification & payload telemetry
> TARGET = https://utils.anuraaggrao.com
> PROTOCOL = HTTP/3 QUIC (Cloudflare Edge)
> LATENCY = ~14ms roundtrip
> HEALTH = 100% OPERATIONAL
Launch Live Subdomain
02Distributed Edge Infrastructure
Live Production

Edge Telemetry & Analytics Hub

Cookie-Less Custom Domain Telemetry

Sub-10ms Ingestion · 10+ Connected Domains

Custom telemetry network running on Cloudflare edge workers and D1 SQLite. Collects lightweight beacon telemetry across all portfolio domains without third-party tracking scripts or PII leaks.

Architectural Highlights
  • Custom branded domain routing (`analytics.anuraaggrao.com`)
  • Direct D1 edge database writes with zero server maintenance
  • Real-time geographic breakdown and route performance telemetry
Cloudflare WorkersCloudflare D1 (SQLite)WranglerWeb Standards
edge-probe://analytics.anuraaggrao.com
HTTP 200 OK
// Route verification & payload telemetry
> TARGET = https://analytics.anuraaggrao.com
> PROTOCOL = HTTP/3 QUIC (Cloudflare Edge)
> LATENCY = ~14ms roundtrip
> HEALTH = 100% OPERATIONAL
Launch Live Subdomain
03Audio DSP & WebGL Canvas
Live Production

Reactive Web Audio Synthesizer

Digital Signal Processing & Visual Shaders

Spatial Frequency FFT · 60 FPS Render Loop

In-browser audio synthesis and reactive visualizer. Employs the Web Audio API to dissect multi-band frequencies in real-time, mapping audio waves to dynamic particle canvas shaders.

Architectural Highlights
  • Low-latency audio node chaining and sound stage spatialization
  • High-performance canvas 2D and WebGL frequency renderers
  • Custom presets and sleep timer architecture
ReactWeb Audio APIHTML5 CanvasTypeScriptTailwind CSS
edge-probe://music.anuraaggrao.com
HTTP 200 OK
// Route verification & payload telemetry
> TARGET = https://music.anuraaggrao.com
> PROTOCOL = HTTP/3 QUIC (Cloudflare Edge)
> LATENCY = ~14ms roundtrip
> HEALTH = 100% OPERATIONAL
Launch Live Subdomain
04Game Physics & Interaction
Live Production

Neon Grid Arcade Engine

Mobile-First 60 FPS Canvas Game Loop

Native Touch Physics · Zero-Dependency Loop

High-performance mobile-first Tetris clone engineered from raw canvas primitives. Features tactile touch gesture controls, chip-tune audio synthesis, and fluid 60 FPS frame pacing.

Architectural Highlights
  • Precision touch swipe gesture recognition and instant hard drops
  • Procedural Web Audio sound effects without audio file assets
  • Responsive canvas scaling for modern mobile aspect ratios
JavaScriptHTML5 CanvasWeb Audio APIPWA
edge-probe://tetris.anuraaggrao.com
HTTP 200 OK
// Route verification & payload telemetry
> TARGET = https://tetris.anuraaggrao.com
> PROTOCOL = HTTP/3 QUIC (Cloudflare Edge)
> LATENCY = ~14ms roundtrip
> HEALTH = 100% OPERATIONAL
Launch Live Subdomain
05DevOps & Infrastructure Observability
Live Production

Global Pulse Health Monitor

Multi-Region Distributed Availability SLA

Global Region Probes · Real-Time Incident Timelines

Autonomous status monitoring engine executing scheduled probes against all production subdomains. Automatically logs uptime percentages, response latency metrics, and incident timelines.

Architectural Highlights
  • Multi-region Cloudflare Worker health check probes
  • Automated latency tracking with percentile histograms
  • Zero-downtime static dashboard with live refresh
Next.jsCloudflare KVCron TriggersTailwind CSS
edge-probe://status.anuraaggrao.com
HTTP 200 OK
// Route verification & payload telemetry
> TARGET = https://status.anuraaggrao.com
> PROTOCOL = HTTP/3 QUIC (Cloudflare Edge)
> LATENCY = ~14ms roundtrip
> HEALTH = 100% OPERATIONAL
Launch Live Subdomain
CORE CAPABILITIES & ARCHITECTURAL PATTERNS

SYSTEMS PHILOSOPHY

Zero bloat, deterministic performance, and uncompromising privacy. Every system is built to run fast and stand on its own feet.

Sub-15ms TTFB

Edge Compute & Serverless

Cloudflare Workers & V8 Isolates

Running lightweight TypeScript workers across 300+ global edge nodes. Zero cold starts, instantaneous TLS 1.3 termination, and automatic geo-steering to the closest POP.

>Cloudflare D1 serverless SQLite for low-overhead relational state
>OpenNext edge adapter for zero-overhead Next.js 16 execution
>Subdomain multiplexing with custom SSL certificates
Zero Server Leaks

Zero-Knowledge Cryptography

In-Browser Web Crypto Subsystem

Executing HMAC signatures, SHA-256 digests, Base64/Hex encoders, and AST parsing purely inside client browser memory. Developer secrets and payloads never leave the local machine.

>Native WebCrypto API hardware-accelerated execution
>Zero tracking cookies, zero marketing beacons
>Client-side AST evaluation for Regex and JSONPath queries
16.6ms Render Loop

Audio DSP & Canvas Engines

60 FPS Touch & Sound Architecture

Direct control of Web Audio API oscillator nodes and AnalyserNode FFT bins mapped directly to hardware-accelerated 2D canvas shaders and tactile mobile touch event loops.

>Spatial frequency bin dissection with low-latency FFT
>Procedural sound effects generated without external audio assets
>60 FPS locked canvas physics loops with frame-time throttling
99.99% Uptime

Observability & SLA Sentinel

Automated Distributed Probes

Autonomous cron workers dispatching multi-region synthetic probes every 60 seconds against every live subdomain, calculating latency percentiles and surfacing real-time status dashboards.

>Global health check runners across multiple continents
>Cloudflare KV persistent state logging for latency tracking
>Automatic incident detection and alerting workflows
Primary Stack & Runtime Primitives
Next.js 16 · Cloudflare Workers (workerd) · Web Crypto · Web Audio API · SQLite D1 · Canvas 2D/WebGL
Bangalore Edge Node Operational
PLAYER 1 SANCTUARY · INTERACTIVE ARCADE

ARCADE STAGE

Take a breather from systems analysis. Catch falling cyber tokens with Koji to rack up combos and beat the high score.

High Score
0
🐼
Koji's Stage
Cyber Bamboo Harvest
Score0
Multiplier1x
Ready to play? Hit Start!
🐼

Cyber Bamboo Harvest

Click falling tokens before they hit the ground. Keep your combo alive!

Web Audio Synthesizer Active