System Architect & Senior Full Stack Developer
I help companies modernize legacy web applications and ship AI-powered features — with architecture decisions tested in production, not just in tutorials. Vue, React, Node, SQL — the framework changes, the engineering principles don't.
Enterprise Migration
Leading one of the most complex frontend migrations a team can face: taking a legacy ASP application with injected inline scripts, through a Vue 2 intermediate layer, all the way to a fully bundled Vite + Vue 3 architecture. Live migration on an enterprise product — no downtime, no regressions. I designed the strategy, built the tooling, and guide the team through execution.
Production AI
Architected AI integration from scratch: RAG pipelines for domain-specific knowledge retrieval, MCP server configuration, Claude-powered features with structured prompting, and LLM-driven workflows now running in production. This isn't “I called the OpenAI API once” — it's production AI infrastructure serving real users.
“Why is this project React if you specialize in Vue?”
Because senior engineers aren't defined by a framework — they're defined by the problems they solve. My day job is Vue 3 + Vite at enterprise scale. I built this project in Next.js + React to prove the point: the architecture patterns — headless commerce, event-driven backends, type-safe data layers, graceful degradation — are the same regardless of the view layer. A monorepo is a monorepo. A custom module is a custom module. The thinking transfers.
Options API to Composition API, Vuex to Pinia, Webpack to Vite, mixin spaghetti to composables. Phased migration plans that don't break what's already working.
RAG pipelines, Claude/OpenAI APIs, MCP servers, AI-assisted workflows, smart search, and custom agents. Production AI infrastructure, not just API calls.
Vue 3 + Nuxt 3 (primary), React + Next.js, Tailwind CSS on the frontend. PostgreSQL, MySQL, SQL Server, REST APIs, and Node.js on the backend.
jQuery, ASP, PHP templates, aging Angular — incremental modernization that delivers value at every step. No reckless rewrites.
Tech stack evaluation, code review, architecture recommendations, technical specs, and prototype-to-handoff workflows.
I communicate proactively, ask good questions upfront, and build the right thing the first time. You'll never have to chase me for updates.
Project Deep Dive
A full-stack e-commerce platform demonstrating production-grade architecture: headless commerce, custom modules, type-safe data layer, and comprehensive testing.
Client Layer
Next.js 15 Storefront
React 19 · App Router · RSC
Tailwind v4 + shadcn/ui
280+ components
Zustand Stores
Cart · Wishlist · Compare · Region
Framer Motion
Transitions + parallax
Commerce Layer
Medusa.js v2
Products · Orders · Inventory · Admin
Custom Review Module
Model · Service · API · Widget
Custom Webhook Module
Dispatch · Logging · Test
6 Event Subscribers
Orders · Email · Revalidation
Infrastructure
PostgreSQL
Commerce data + custom modules
Redis
Sessions · Job queue · Cache
Stripe
Payment processing (test mode)
Vercel + Railway
Edge CDN + managed hosting
How this portfolio demo works without a live backend
A lib/data/ layer wraps every Medusa SDK call. Each function tries the real API first, then falls back to typed static data with filtering, pagination, and search.
async function listProducts(params) {
try {
return await medusaSDK.list(params);
} catch {
// Medusa unavailable → demo data
return filterAndPaginate(
demoProducts, params
);
}
}Storefront
App Router, React 19, server components, ISR with tag-based revalidation
Commerce Engine
Headless commerce with products, orders, payments, inventory, and admin dashboard
Data Layer
Relational storage for commerce data, Redis for session cache and job queues
Payments
PCI-compliant payment processing via Medusa's built-in Stripe integration
Design System
Token-driven styling with accessible, composable UI primitives
Testing
38 unit/integration tests and 21 end-to-end tests across the storefront
Built beyond the defaults to demonstrate extensibility
Custom Medusa module with model, service, migrations, store + admin API routes, and admin moderation widget.
Event-driven webhook dispatch with configurable endpoints, delivery logging, and retry logic.
6 event handlers: order confirmation, customer welcome, inventory alerts, view tracking, ISR revalidation, webhook dispatch.
280+
Components
12
Custom Hooks
59
Test Files
5
Zustand Stores
15
API Routes
23
Pages
This entire project is open source. Browse the monorepo, read the commit history, and see how every feature was built.
View on GitHub