Open to senior and staff frontend roles

Vaibhav Kumar Rai

Senior Software Engineer · Frontend Architecture

I take frontends that have outgrown their architecture and turn them into systems a whole team can build on. 7+ years across security, compliance, healthcare, and edtech.

Resume

At a glance

7+Years of experience

50k+Virtualized table rows

5Svelte core compiler PRs

3Design systems built

Now: Open to senior and staff roles
Recently: 2 years at Scrut Automation
Stack: React, Next.js, TypeScript, Vue, PostgreSQL, FastAPI
Focus: Design systems, data-heavy UI, migrations

Interactive

Live Demos

A couple of quick demos showing how I handle large datasets and design tokens directly in the browser.

Virtual table demo50,000 rows

60 FPS0.4ms render0 rows in DOM0 live updates

Allocating 50,000 records…

How this works: Rendering 50,000 table rows directly in React creates 50,000 DOM nodes, which freezes the browser tab. Virtual scrolling keeps only the rows currently inside your viewport (~14 nodes) in the DOM, so scrolling stays smooth even as data updates in the background.

Design token playgroundCSS custom properties

--primary #42655b--radius 10pxdensity compact

Primary color

Corner radius10px

Density

Vendor SOC 2 Review

Action needed

An automated check flagged public read access on an S3 bucket in staging.

Owner: VaibhavFramework: SOC 2 Type IIAuditor: Passed

Why tokens: Components read semantic CSS variables instead of hardcoded hex codes. Changing a token updates every related element instantly across the UI without touching component code.

Architecture

System Architecture

A look at how different parts of systems I’ve worked on fit together. Click any step to see what it does and why it was built that way.

UI PresentationLatency: 16.6ms (60 FPS)

Virtual list renderer

React 19 / Custom Virtualizer

What this step does

Keeps only the ~14 rows currently visible in the browser DOM, even when searching 50,000 items.

Why it was built this way

Virtualization keeps DOM nodes low, so scrolling stays smooth even on low-spec laptops.

Experience

Where I’ve Worked

Over 7 years building frontends, data-heavy dashboards, and design systems. Most of these products sit behind login, so I’ve linked product tours and included brief technical notes on each role.

Scrut Automation

Promoted from SDE II (Jun 2024) to Senior (Apr 2025), same team

2024 — 2026 · Bangalore

Senior Software Engineer, Frontend

Owned the React frontend architecture for the core security products, findings and vulnerability management. Made the technical calls, reviewed the code and coordinated releases as the senior engineer on the pod.
Rearchitected the app around a UI design system spanning multiple modules, the layer the rest of the frontend pod built against every sprint.
Added virtualization and a reusable real-time table for live, data-heavy views, then used code splitting to cut initial bundle size and load time.
Built the dashboards that surface security findings and incidents, so customer teams could resolve issues faster.
Integrated PostHog and worked with PMs and designers to add business-level signals and analytics.

ReactTypeScriptDesign systemVirtualizationMicro frontendsNxPostHog

Kami Vision

2022 — 2024 · Bangalore

Senior Software Engineer, Frontend

Kami Cloud · B2C

Rewrote the Vue.js app in React and built a reusable design system under it with Storybook and custom theming.
Added responsive layouts, internationalization, code splitting, lazy loading and Stripe payments, with integration tests behind them.

Internal Dashboard · B2B

Built the org-facing dashboard in Next.js with SSR and SSG, plus TypeScript transformers that normalized inconsistent API responses into one shape.
Set up the shared design system and testing approach the internal teams onboarded onto.

Framework Migration: Vue.js React

ReactNext.jsVue.jsTypeScriptStorybookStripei18nSSR / SSG

Milky Way AI

2022 · Remote

Freelance Frontend Engineer

Built a dashboard that automates stock replenishment and gives retail operations a real-time read on inventory.

Quizizz

2021 — 2022 · Remote

Freelance Frontend Engineer

Worked the migration off Krafty onto Nuxt and built the complex UI components that came with it.

Framework Migration: Krafty Nuxt

Vue.jsNuxt

Klinify

2019 — 2021 · Remote

Frontend Engineer

Cut dashboard load time by 45% with memoization, API optimizations and code splitting.
Built a configurable design system carrying per-clinic branding, themes and layouts, with SSR and SSG for the dynamic content and SEO.
Added internationalization, Flask APIs and CouchDB map-reduce transformations.

ReactSSR / SSGDesign systemFlaskCouchDBi18n

Appknox

2019 · Bangalore

Frontend Engineer

Built the Ember.js interface for running and managing application security scans, so customers could run several scans in parallel instead of one at a time. Throughput went up, turnaround came down.
25 pull requests merged into appknox/irene, their open source frontend.

Ember.jsAppSecOpen source

Squadcast

2018 — 2019 · Bangalore

Software Engineer Intern

Built a bidirectional sync between Slack and Squadcast chat so incident updates landed in real time on both sides.
Wrote Enzyme tests across the frontend, shipped serverless Kubeless microservices, and stood up an Artifactory registry for private npm packages.

ReactNode.jsKubelessEnzymeArtifactory

Projects

Featured Projects

Side projects and open source work where I can share the code and live demo.

Project

AgentGate

Permission control for AI agents over MCP. It sits between an agent and a server like GitHub, Stripe or Slack, enforces per-tool permissions, scans responses for security problems, logs every decision, and revokes access instantly. The agent never gets the real API key, only a gateway URL.

Give an agent a GitHub token today and it gets everything that token allows. There's no way to say “read repos, never delete them.” This is my answer to that.

TypeScriptMCPAccess controlAudit log

Source Demo

Project

Bandhu

A companion-first mental health check-in app for India. The idea is that it should feel like texting a friend, not opening a treatment tool. FastAPI with async SQLAlchemy and Postgres/pgvector on the back, React 19, Vite, Tailwind v4 and shadcn/ui on the front, NVIDIA NIM and Langfuse in the pipeline.

It's a prototype and I say so in the README. Anything safety-critical, crisis-language detection and clinical suggestions, sits behind a pipeline that has to be reviewed before it ships. The engineering docs cover the pipeline design, the vector schema and the manual QA cases.

React 19FastAPIpgvectorRAGLangfuseTailwind v4

Live Eng docs Source

The real app, running here. Try it.

Open source

Svelte & Qwik core

5 pull requests merged into Svelte and one into Qwik: element bindings, a contenteditable regression, beforeUpdate firing twice, onDestroy ordering, each-block bindings with spread syntax. Small fixes, but they meant reading someone else's compiler until the bug made sense.

SvelteQwikCompilers

Svelte PRs

2017 — 2018

coala, GSoC and Code-in

Google Summer of Code 2018. Wrote a Python tool that drops you straight into an analyzer's code and steps through it with a debugger interface like pdb, so debugging an analyzer got about as easy as writing one.

Google Code-in mentor, two terms, with coala, the open source static analysis org. Also 2 merged fixes into man-group/pytest-plugins and an ESLint plugin of my own for nested-if detection.

PythonStatic analysisMentoring

GSoC repo

Technical Toolkit

Frontend: React.js, Next.js, Vue.js, TypeScript, JavaScript, HTML5, CSS3, Tailwind CSS
State & data: Redux, Zustand, React Query, REST APIs
Testing: Jest, Cypress, Storybook, Enzyme
Architecture: Design systems, micro frontends, Nx monorepo, SSR, SSG, component libraries, i18n, virtualization, performance work
Backend: FastAPI, Python, Node.js, PostgreSQL, NoSQL, Swagger
AI & telemetry: Retrieval-augmented generation, Langfuse, Grafana, telemetry, MCP
Tools: Git, CI/CD, Webpack, Vite, Jira, AWS
UI / UX: Responsive design, accessibility (a11y), cross-browser compatibility
Languages: English (full professional), Hindi (full professional)

Education, Certifications & Focus

2015 — 2019: B.Tech, Computer Science and Engineering. Shri Mata Vaishno Devi University, Jammu & Kashmir
Certificates: DeepLearning.AI: Neural Networks and Deep Learning · DeepLearning.AI: Machine Learning · Google: Foundations of Project Management · Google: Project Initiation
Right now: Going deep on agentic AI workflows and tool security over MCP (like AgentGate), plus high-throughput data visualization in the browser.
Off the clock: Runner, paragliding pilot, licensed skydiver. I keep a CSS-only art gallery on CodePen, because I'd rather battle CSS than DS Algo.