AVAILABLE FOR HIREMUMBAI, INDIAwithdarsh.comEST 2019

00 /  OPERATOR  ·  DARSH GUPTA

Buildwith darsh.

Full-stack engineer, platform architect, and JS library author. Six years of end-to-end ownership across product, design, frontend, backend, and infra — for founders, brands, and ambitious teams.

withdarsh sigil — AI engineer of unreal systems
Years building
0+/10
Production systems
0+/100
OSS libraries
0/05
Engineers mentored
0+/100
Backend modules
0/63
SELF-POSITIONING ▍Full-Stack Developer·UI/UX Engineer·Creative Technologist·Platform Architect·JS Library Author·AI Builder

01 /  MANIFESTO

The shape of the work.

From blank canvas to production. Design, frontend, backend, infra — one operator, full stack, zero hand-offs.

I don't ship apps in isolation — I ship platforms. A 63-module NestJS backbone (139 Prisma models) powers ~25 frontends through a single SDK. A line of six hand-rolled, MIT-licensed JavaScript libraries ships ESM + UMD + .d.ts via Rollup, and composes into a 60-FPS twin-stick shooter that proves they integrate.

The work is named, paid, and live. A burger restaurant. A boutique hotel. A unisex salon. Twenty-seven production systems. Six OSS libraries. Fifty engineers mentored. One operator.

02 /  THE BIG THREE

Three things that separate
this profile.

Skim these first. Each is the load-bearing answer to a different question about the practice.

01 ▍ THE PLATFORMSECTOR_01

TechZunction

APIauthpayrtsdkdatakyc

A 63-module multi-tenant NestJS backbone powering ~25 frontends through a single SDK.

  • 139 Prisma models · ~4,020-line schema
  • 255+ multi-tenant composite indexes
  • Two parallel auth stacks (admin + storefront)
  • Multi-provider payment factory · 8 cron jobs
  • Socket.IO + Ably real-time gateway
02 ▍ THE LIBRARY LINESECTOR_02

Six JS Libraries

MIT-licensed, zero-dependency, ESM + UMD + .d.ts via Rollup. Composed into a 3-game arcade — ORBIT, REWIND, TABTRIVIA — that ships every library at once.

  • AuraJS — 11 KB SPA framework, 20 modules
  • KeyBoardJS — 3.2 KB hotkeys / sequences / chords
  • MousePadJS — 2.9 KB pointer / gesture / cursor
  • CollideJS — 2.1 KB collision detection
03 ▍ REAL CLIENTSSECTOR_03

Named Engagements

Paid, named-client deliveries — distinct from the template fleet.

  • Burger Empire — 104 features, 130+ APIs
  • Velvet — premium salon, 90+ Lighthouse
  • ViCity — luxury hotel booking + 12-screen admin
  • 8 roles · 4-tier RBAC · 250+ permissions
BURGER EMPIRE●VELVET●VICITY●

03 /  SELECTED WORK

Ten from twenty-seven.

Public production systems shipped end-to-end — design, frontend, backend, infra. Each item is a complete deliverable, not a template clone.

  • 01LEGENDARY

    Burger Empire

    Real client · F&B

    Dual Mode UI (Classic mustard + Anton vs Healthy sage + Playfair). PetPooja POS sync, Razorpay, WhatsApp ordering, coin loyalty, student pass, referrals.

    • Next.js 15
    • NestJS
    • Prisma
    • PetPooja
    • Razorpay
    • WATI
    104
    Features
    130+
    API routes
    70+
    Pages
    13
    Modules
  • 02LEGENDARY

    Velvet

    Real client · Premium salon

    Glamour Waves Unisex Salon. Dark + gold aesthetic, founder timeline, WhatsApp booking fallback, CMS-driven services, LocalBusiness schema, 90+ Lighthouse.

    • Next.js 16
    • React 19
    • Framer Motion
    • Zustand
    7
    Pages
    90+
    Lighthouse
    config
    CMS
    schema.org
    SEO
  • 03LEGENDARY

    ViCity

    Real client · Boutique hotel

    Luxury booking with hold-timer reservations and 12-screen admin. Offline IndexedDB mock layer for demo. Tan + black + gold aesthetic, ISR-powered booking pages.

    • Next.js 16
    • Zod
    • Recharts
    • Sharp
    • Docker
    • CI/CD
    50+
    Pages
    12 screens
    Admin
    IndexedDB
    Layer
    jose
    Auth
  • 04EPIC

    The Margin

    Digital magazine

    36 original long reads set like a modern broadsheet, sidenotes beside the sentence they annotate, and a meter you can see: 3 free articles a month, the body streamed as a Cache Components hole. Paper/Sepia/Night, quote cards, RSS.

    • Next.js 16
    • React 19
    • Cache Components
    • zustand
    • next/og
    • Tailwind 4
    36
    Articles
    75k
    Words
    60
    Engravings
    164
    Tests
  • 05EPIC

    Monolith

    Architecture studio

    16 case studies with sticky facts sheets and 75 plans, sections and elevations you zoom 1–8× with a true scale bar, in an intercepted lightbox. G for the 12-column grid, B for blueprint mode. Every render comes from an in-repo ray tracer.

    • Next.js 16
    • React 19
    • Cache Components
    • MDX
    • motion
    • Tailwind 4
    16
    Case studies
    75
    Drawings
    125
    Renders
    280+
    Pages
  • 06EPIC

    Heartbeat

    Uptime monitoring SaaS

    24 simulated checks from 5 regions with live polling, incident update trails, a postmortem editor, on-call rotations and a status page builder. Public status pages are classic ISR, readable without JavaScript. Vim chords and a : command bar.

    • Next.js 16
    • React 19
    • ISR
    • React Query
    • MDX
    • Tailwind 4
    24
    Monitors
    5
    Regions
    3
    Status pages
    30+
    Routes
  • 07EPIC

    Crate

    Vinyl marketplace

    Multi-seller record shop with Goldmine grades for record and sleeve, an intercepted quick-look with sleeve-morph view transitions, faceted browse, per-seller shipping, price history by grade and Crate Dig: a seeded, swipeable shuffle.

    • Next.js 16
    • React 19
    • Cache Components
    • nuqs
    • motion
    • Tailwind 4
    60
    Releases
    187
    Copies
    10
    Sellers
    8
    Facets
  • 08EPIC

    Canopy

    Climate tech SaaS

    Measure, reduce, then compensate. A four-step footprint calculator on Server Actions that works with JavaScript off, a tree-ring chart of 24 months, optimistic check-ins, 20 offset projects and HMAC-signed certificates.

    • Next.js 16
    • React 19
    • Server Actions
    • Zod
    • nuqs
    • Tailwind 4
    20
    Projects
    40
    Actions
    8
    Challenges
    24
    Months
  • 09EPIC

    Pulsegrid

    Product analytics SaaS

    Funnels, 12-week retention cohorts, nested AND/OR segments and a live event stream over a seeded event log. A static shell with 13 streamed widgets, a URL-held date range with compare, a parallel-route drawer, ⌘K and 25 shortcuts.

    • Next.js 16
    • React 19
    • Cache Components
    • nuqs
    • Zod
    • Tailwind 4
    29k
    Events
    13
    Widgets
    25
    Shortcuts
    25+
    Routes
  • 10EPIC

    Apogee

    Spaceflight booking

    Suborbital, orbital and lunar missions behind a mission-control UI: 18 missions, a 6-step booking with an ARIA capsule seat map, a static shell with streamed inventory and View Transitions.

    • Next.js 16
    • React 19
    • Cache Components
    • Zod
    • Zustand
    • Tailwind 4
    18
    Missions
    40
    Launches
    6
    Booking steps
    20+
    Routes
▍ 010/027 FEATURED — FULL INDEX BELOWRequest dossier

04 /  OPEN SOURCE

Six hand-rolled
JavaScript libraries.

MIT-licensed. All six are zero-dependency, single-script-tag-friendly, and ship ESM + UMD + .d.ts via Rollup. Composed into Playground — a 3-game arcade at playground.work.withdarsh.com shipping every library on one HTML file.

LIVE_DEMO

AuraJS

MIT · 0 DEPS · ESM + UMD + .d.ts

11 KB
GZIP

20-module zero-dependency SPA framework. Singleton API: router, state, hooks, i18n, IndexedDB, PWA, mock APIs, templating, events. Self-hosting docs.

  • Refresh-safe deep links
  • React-style hooks
  • Service Worker / PWA
  • IndexedDB
LIVE_DEMO

KeyBoardJS

MIT · 0 DEPS · ESM + UMD + .d.ts

3.2 KB
GZIP

Hotkey + sequence + chord + scope + layout + recorder. Three-phase detection. Showcase: Snake + Vim palette + Konami.

  • Chords + sequences
  • QWERTY · Dvorak · Colemak
  • Frame-accurate macros
  • Cross-platform mod
LIVE_DEMO

MousePadJS

MIT · 0 DEPS · ESM + UMD + .d.ts

2.9 KB
GZIP

Pointer / gesture / cursor library. Unifies mouse, touch, pen, trackpad via Pointer Events. 7 gestures, cursor effects.

  • 7 gestures
  • Tilt · Magnet · Follow
  • Trackpad pinch detect
  • Per-binding teardown
LIVE_DEMO

CollideJS

MIT · 0 DEPS · ESM + UMD + .d.ts

2.1 KB
GZIP

Element-vs-element collision. Single shared RAF loop. Pair API emits near/collide/separate/leave/tick with rich metrics.

  • AABB + Circle
  • Time-to-collision
  • Idle auto-pause
  • 600 pairs/frame proven
LIVE_DEMO

TabJS

MIT · 0 DEPS · ESM + UMD + .d.ts

3 KB
GZIP

Cross-tab communication, shared state, presence, leader election, locks, duplicate detection, and request/response — over BroadcastChannel with a localStorage fallback. Typed, framework-agnostic.

  • Shared state + presence
  • Leader election
  • Cross-tab locks
  • Duplicate-tab detection
LIVE_DEMO

HistoryJS

MIT · 0 DEPS · ESM + UMD + .d.ts

3 KB
GZIP

Modern typed wrapper over the browser History API — the 2026 successor to browserstate/history.js. Typed entries, async guards, query helpers, route matcher, link interception, virtual stack.

  • Typed entries + guards
  • setQuery / matches()
  • interceptLinks(<a>)
  • Scroll restoration
LIVE_DEMO

flxyJS

MIT · WEBPACK · ESM + UMD + .d.ts

Legacy
GZIP

Webpack-bundled standalone SPA framework. BRD-complete MVP, 13 modules. Predates AuraJS — the no-build pivot.

  • Router + middleware
  • Mustache templating
  • Persistent storage
  • Geolocation + IP

INTEGRATION TEST

Playground

playground.work.withdarsh.com ↗

A 3-game arcade that ships all six libraries at once. HistoryJS routes between games, TabJS runs cross-tab presence and a leader-elected physics owner. ORBIT (twin-stick shooter using CollideJS TTC, KeyBoardJS chords, MousePadJS aim), REWIND (Sokoban where every move is a router.push() — browser back is undo), TABTRIVIA (first-to-buzz quiz where tabs.lock() arbitrates the race). Single static HTML file. No build step.

05 /  SERVICE RECORD

Six years in.

From WordPress at a brand platform to independent practice — a single thread of end-to-end ownership.

  1. FEB 2020 → PRESENT

    Santa Monica, CA · Remote

    Senior Engineer — Web Application & Security

    ● Software Development & Security Studio

    • Led 20+ developers and shipped 15+ web platforms — +45% team productivity
    • Designed 8+ scalable e-commerce platforms — +25% engagement, −27% downtime
    • Engineered 6+ full-stack apps in React / Node / PHP / Laravel — +30% load time, +25% retention
    • Hardened authentication and data layers — JWT RS256, RBAC, AES-256, biometric login, Helmet / throttle / CORS
    • Spearheaded 19+ new features aligned to user and business goals
    • Tuned MongoDB and MySQL — +20% app responsiveness
  2. JAN 2024 → PRESENT

    Remote · Worldwide

    Freelance Full-Stack Engineer · Platform Architect

    ● Independent · Self-employed

    • Real-client deliveries across F&B, hospitality, and beauty — full-stack from design to deployment
    • 27+ public production systems shipped · 6 MIT-licensed JavaScript libraries published
    • Mentored 50+ full-stack engineers through 30+ end-to-end projects
    • End-to-end ownership: product, design, frontend, backend, infra — zero hand-offs
  3. OCT 2021 → DEC 2023

    Singapore

    Tech Mentor & Consultant

    ● EdTech Growth Platform

    • Mentored 50+ full-stack developers across 30+ end-to-end Node / React projects
    • Architected the platform foundation used by 2,000+ users
    • Led 25+ projects from inception to deployment — +40% performance gains
  4. NOV 2021 → JUN 2022

    London, UK

    Web Developer

    ● E-Commerce Brand Platform

    • Led full website end-to-end — 20k+ active users
    • Authored two custom WordPress plugins for post management
    • Built a WordPress blog driving brand engagement and visibility

06 /  LOADOUT

The house stack.

Validated by repeated use across 27+ shipped systems. Convergent — not kitchen-sink — but covers product, platform, payments, real-time and automation.

HOUSE_STACK
Next.js
React
TypeScript
Tailwind
NestJS
Prisma
PostgreSQL
Redis
Drizzle
Neon
Ably
Socket.IO
Razorpay
Stripe
Vidstack
Cloudinary
Playwright
BullMQ

01 ▍ FRONTEND

  • Next.js 16
  • Next.js 15
  • React 19
  • TypeScript
  • Tailwind 4
  • shadcn/ui
  • @base-ui/react
  • Framer Motion
  • Recharts
  • Lucide
  • Sonner
  • cmdk

02 ▍ BACKEND & DATA

  • NestJS 11
  • Express
  • Laravel 5/10
  • Prisma 6/7
  • Drizzle
  • PostgreSQL 16
  • Neon
  • MongoDB
  • MySQL
  • Redis 7
  • Supabase

03 ▍ STATE / VALIDATION

  • Zustand
  • Zod
  • React Hook Form
  • Server Actions
  • Server Components
  • IndexedDB

04 ▍ REALTIME & MEDIA

  • Ably
  • Socket.IO
  • Vidstack
  • Cloudinary
  • Sharp
  • @vercel/og
  • Vercel Blob
  • Service Worker / PWA

05 ▍ AUTH & SECURITY

  • JWT RS256
  • Refresh tokens
  • Magic Links
  • OTP
  • Bcrypt
  • Passport (Google/Facebook/GitHub)
  • API Keys + Scopes
  • RBAC (hierarchical)
  • AES-256
  • Biometric
  • ABDM / Health ID

06 ▍ INTEGRATIONS

  • Razorpay
  • Stripe
  • WhatsApp Business (WATI)
  • PetPooja POS
  • Google Drive · Gmail · Maps
  • OAuth (Google/Facebook/GitHub)
  • OneSignal
  • TMDB
  • MSG91
  • Resend
  • TrackingMore
  • Xero

07 ▍ INFRA & DEVOPS

  • Vercel
  • Docker
  • docker-compose
  • Fly.io
  • BullMQ
  • pm2
  • CI/CD
  • Turbopack
  • Rollup
  • Webpack

08 ▍ PRACTICE

  • UI/UX Design
  • Branding
  • SEO + structured data
  • i18n
  • Multi-Role Architecture
  • Team Leadership
  • Mentoring
  • Agent Prompt Engineering

07 /  ENGAGE OPERATOR

Let's
build something
unreal.

withdarsh@gmail.com→

FASTEST PATH TO A REPLY · TYPICALLY UNDER 24 HOURS