Selected work

Scope

Platform infrastructure and the full authenticated experience for Goodyear's US storefront on Next.js 15 — CSRF protection, a GraphQL proxy keeping service credentials server-side, React Query SSR with HydrationBoundary, and the authentication, account and order domains built on top of them.

Constraint & decision

Order Details had to serve three fulfilment types with divergent data models and financial rules. Conditional-rendering sprawl breaks down past two types and a shared mega-component is untestable, so each fulfilment owns its own calculation and UI contract against a common interface — a fourth type lands without touching the other three. Separately, a re-render cascade across the account tree traced back to Context identity churn; migrating to Zustand gave fine-grained subscriptions without the ceremony Redux Toolkit would have added.

Scope

Core modules of a regulated wealth platform delivered through banking partners — schema-driven investment, suitability and regulatory questionnaires, employer-sponsored plan flows, brokerage funding, new-client onboarding, and a React-PDF proposal generator.

Constraint & decision

The shared core repo and the per-partner repos were developed and released separately, so every partner deploy needed manual release sequencing. I ran the R&D to run both from a single folder structure under Vite and rebuilt the CI/CD pipeline to drive them from one place — a partner deploy now triggers the core pipeline automatically. Separately, the questionnaire playback module hit a hard 100-object Contentstack ceiling; migrating from an object-based to an array-of-objects model removed the limit and restored scalable detail rendering.

Scope

The core user-facing application, built from scratch to production on Vue.js, Nuxt.js and Vuex — authentication, dashboards and every primary surface — for a platform that turns floor plans into 3D renderings and 4K walkthroughs in the browser.

Constraint & decision

The interaction layer and the rendering engine had to stay in sync in both directions without either owning the other's state. I designed a bidirectional middleware between Vue and Three.js: a property change in Vue — object height, say — invokes the engine to update the 3D/2D canvas in real time, and engine-side changes propagate back to the UI. A molecules-and-components design system built alongside it eliminated duplicate UI and became the shared vocabulary for feature teams.

Scope

A React merchant dashboard with real-time analytics that lets e-commerce merchants test, personalize and optimize storefront content — product titles, media and layout — and measure the result.

Constraint & decision

A reusable component library cut delivery time 20% across the team, and internationalization via react-intl across 12 locales opened the product to markets it previously could not serve.

Scope

An AI-powered quiz platform with real-time code evaluation, built on Next.js and TypeScript during a dedicated GenAI focus period and deployed on Vercel.

Constraint & decision

Built to work through Model Context Protocol and LLM workflow design hands-on rather than theoretically — real-time evaluation of submitted code meant treating model output as untrusted input and designing the grading path around that.

Scope

An open platform for exchanging rural housing knowledge with transparent sourcing and contributor credit, giving rural users access to house plans suited to their region.

Constraint & decision

Researchers needed to define new geographic regions and bind housing designs to them without engineering support. A Google Maps and Matplotlib interface let them draw regions directly, with locations resolved by coordinate-within-polygon lookup.

Scope

A platform letting small businesses take their operations online, keep their existing customer base and reach a wider audience, built on Angular.js with a Node.js and MongoDB backend.