All systems operational — 3 in production

I build systems
that ship.

Full-stack engineer in regulated finance. I design micro-frontends, agentic AI pipelines, and developer tools — and run them in production.

View live systemsContact
  • 14Y REGULATED FINANCE
  • REACT / TYPESCRIPT
  • MFE ARCHITECTURE
  • LANGGRAPH / AGENTS

ANUP.PATRA

FULL STACK · UI · AI TOOLING

YEARS SHIPPING
14+
SYSTEMS IN PRODUCTION
3
COUNTRIES SERVED
55
CONVERSION UPLIFT
25%

SYS/01 — PRODUCTION SYSTEMS

Built, shipped, and running

Personal systems that are live and verifiable — a multiplayer game in production, two published browser/editor extensions, and an open-source agentic pipeline.

Chor Police — multiplayer party game

A desi, Mafia-style social-deduction game built as a PWA — 5–15 players join from their own phones, no install. The server is the single source of truth: it broadcasts the full public state over WebSocket while secret roles are delivered only to their owner, never broadcast. Live in production on Vercel, Render and Neon Postgres.

Play nowUser manual
LobbyScratchPolice RevealNightMorningVotingVote RevealTiebreakerGame Over
FIG. 1 — GAME PHASE FLOW (9 PHASES)

Key highlights

  • Role secrecy enforced at the WebSocket boundary — secrets go only to their owner
  • Police protection fully server-enforced: immune at night and in voting, even before public reveal
  • In-memory Map + Neon Postgres hybrid — instant reads with durable reconnect recovery
  • TV dashboard: role-safe spectator board, safe to put on a shared screen
  • Web push for @mentions in remote play — opt-in, works on iOS as a PWA
Chor Police game banner showing the Chor, Police and Villager characters
PRODUCT — CHOR-POLICE-GAME-THREE.VERCEL.APP

stack: react, typescript, vite, node.js, express, websockets (ws), neon postgres, pwa

SYS/02 — ENTERPRISE TRACK RECORD

14 years in regulated delivery

Banks, national retail and global e-commerce — HSBC, Deutsche Bank, ASDA and Premier Farnell. Shipped platforms with real numbers attached.

  • 2025—NOWHSBCFinancial-crime and compliance platforms — micro-frontend engineering in a regulated banking estate.
  • 2025—2025DEUTSCHE BANKTrade severance system — scalable React frontend with D3 data visualisation for a critical trade workflow.
  • 2021—2024PREMIER FARNELLGlobal e-commerce platform serving 55 countries — 25% conversion uplift; plus the CPC B2C storefront.uk.farnell.com ↗cpc.farnell.com ↗
  • 2018—2021ASDAToYou parcel service site, native apps for handhelds, kiosks and lockers, and AMR robot automation in the national sort centre.toyou.co.uk ↗amr on youtube ↗
  • 2011—2016CONSULTINGEnterprise web delivery for Winc, Pfizer and Johnson & Johnson across retail and healthcare.
Deutsche BankASDAPfizerJohnson & JohnsonWinc

SYS/03 — CAPABILITIES

What I work with

Curated for the work above — not an inventory.

FRONTEND SYSTEMS

React · TypeScript · Micro-Frontends (Module Federation) · Next.js · State architecture · Design systems (Carbon / MUI) · WCAG

AI ENGINEERING

LangGraph · RAG / pgvector · Agent pipelines · VS Code extension APIs · LLM integration · Prompt systems

PLATFORM

Node.js · FastAPI · WebSockets · Postgres (Neon) · GCP · CI/CD (GitLab)

PRACTICE

TDD (Jest / RTL) · Observability (Grafana, Dynatrace, Splunk) · Agile in regulated environments

REF/A — WRITING

Notes from the field

FRONTEND ENGINEERING · 2013 → 2026

From Pixel-Pusher to Experience Architect

Frontend engineers are no longer building standalone interfaces — we are building intelligent agents. Tracing the evolution from React's birth in 2013, through manual state synchronisation and lifecycle complexity, to AI-driven development where the canvas is expanding and we become experience architects.

read on linkedin ↗

Building a local AML triage agent with open-source AI

How domain knowledge plus AI engineering streamlines compliance triage — LangGraph, LLaMA and pgvector, with zero cloud API cost.

linkedin ↗

Copilot Guide — launching a VS Code extension

Shipping team coding standards and security rules into the editor, integrated with GitHub Copilot Chat.

linkedin ↗

REF/B — CREDENTIALS

Verified credentials