I create interfaces
"NIPUN RAJ K. SOFTWARE ENGINEER
FOCUSING ON FRONTEND
ARCHITECTURE & OPTIMIZATION."
About
Software engineer based in India, building interactive, high-performance web experiences with craft and taste. Currently open to new opportunities.
3+ years building web applications, most recently at Bridge Global, with previous experience building CookieYes, a SaaS product serving 2M+ users. I care about architecture, performance, accessibility, and the small details that make an interface feel considered.
Toolbox
The tools I reach for, every day.
Click a key, or just type, to see how I use it.
- JS, language (web). The language under everything else here. I reach for plain JavaScript and the DOM before I reach for a framework. Covers ES6+, DOM, Vanilla.
- TS, language. Types on every project. They catch the mistakes I would otherwise find in production. Covers Generics, Strict Mode, DX.
- HTML5, markup (web). Semantic markup first: headings, landmarks and labels that work before any CSS or script loads. Covers Semantic, A11y, Web.
- CSS, styling (web). Grid, custom properties and clip-paths. Most of the layout and motion on this page is plain CSS. Covers Grid, Flexbox, Variables.
- React, library (ui). My main UI library. Component architecture for a product with 2M+ users at CookieYes. Covers Hooks, Context, RSC, Suspense.
- NEXT.js, framework (ssr). App Router, server rendering and static builds. A corporate platform shipped on it in four months. Covers SSR, ISR, Edge Fn, App Router.
- Vue, framework (ui). Worked in it at CookieYes, then led the migration to React. I know both sides of that move. Covers Composition API, Reactivity, SFC.
- Tailwind, styling (utility). Tailwind v4 for fast, consistent styling, held together by a small set of design tokens. Covers Utility-First, JIT, Responsive.
- Node, runtime. The services behind the interface: Express APIs, auth and real-time events. Covers Event Loop, Streams, npm.
- PostgreSQL, database (rdbms). Relational data done properly: constraints, indexes, and JSONB when it earns its place. Covers SQL, Relational, JSONB.
- Git, vcs (local). Small commits, clear messages and branches that are easy to review. Covers VCS, CLI, Branching.
- AWS, cloud. Serverless functions and object storage, deployed with a budget alert set. Learned that one the hard way. Covers Cloud, Serverless, IaaS.
[ Work ]
Things I've
built.
- [01]
Getdraft
FIGMA TO EMAIL SAAS
A Figma-to-email SaaS platform that turns design frames into production-ready email markup. Exports clean HTML, MJML, React Email, and Blade from a single canvas, while automatically surfacing Gmail clipping, Outlook spacing bugs, and unsupported CSS before the campaign goes out.
- [02]
Intelligent Web Analysis
- [03]
This Portfolio
PORTFOLIO & CREATIVE ENGINEERING
A hand-crafted portfolio built for performance and craft. Features a live koi pond simulation in WebGL, a 3D mechanical keyboard with per-key tooltips, scroll-scrubbed word animations, and a GSAP paint-flood section transition — all without a UI framework.
Career
Bridge Global
2025 — 2026
Enterprise Platforms & Product Delivery
- Built the Glanser corporate platform from the ground up using Next.js 16, React, TypeScript and Sanity CMS, including reusable components, multilingual content and responsive experiences.
- Migrated the SIM enterprise portal from Nuxt 3/Vue to Next.js 15 and React 19, working across Dashboard, CPF, Groups, Allocations, Contracting and Portfolio workflows with Keycloak SSO.
- Built backend features end-to-end using Express.js, Prisma and MySQL, including Property Comments APIs, validation, RBAC and structured error handling.
- Next.js 16
- React 19
- TypeScript
- Tailwind CSS v4
- Express.js
- Prisma
- Sanity CMS
CookieYes
2022 — 2025
2M+ Users · Performance · Product Scale
- Built and maintained core UI architecture for CookieYes, a SaaS consent-management platform serving 2M+ users globally.
- Reduced frontend bundle size by 35% and improved page load time by around 1.5s by migrating the build system from Webpack to Vite and improving frontend loading strategies.
- Led the Agency Dashboard migration from Vue.js to React, introducing React Query and Zustand while contributing to compliance features that supported Google CMP Gold Certification.
- React
- TypeScript
- Zustand
- React Query
- Vue.js
- Vitest
- Docker