Motion-first personal site with 3D scenes, a blog, and design opinions baked in.
A portfolio is a product — scope and polish matter as much as any user-facing app.
Next.js
TypeScript
Tailwind CSS
Framer Motion
Three.js+1
Local-first collaborative editor with a hand-rolled Yjs CRDT sync engine.
Building the sync engine by hand instead of using a hosted CRDT service made the offline/conflict edge cases concrete instead of theoretical.
Next.jsTypeScript
Yjs
PostgreSQLTailwind CSS+2
Early-stage multi-tenant event ticketing platform — Turborepo monorepo, full Prisma schema, credentials auth.
TurborepoNext.js
Fastify
PrismaPostgreSQL
Digital business card platform, rewritten solo into a Turborepo monorepo — create, theme, share, and update your card live without changing the link.
Decoupling identity (username URL) from a specific card record makes the live-switch feature trivially simple, and it's worth preserving unchanged across a full backend rewrite.
Next.jsFastifyTypeScriptPostgreSQLPrisma+8
B2B pipeline platform for OEM software licensing with versioned proposals and subscriptions.
A unified entity with stage-driven views is simpler than separate Lead/Opportunity/Deal tables.
ReactTypeScript
Node.js
ExpressPostgreSQL+11
Full-stack operations platform with RBAC, lifecycle workflows, and GST-aware invoicing.
Encoding workflow states explicitly beats implicit status conventions.
ReactTypeScriptNode.jsExpressPostgreSQL+9
Productivity timer with gamified tree-planting and a GitHub-style contribution graph.
Drizzle's type-safe query builder is a cleaner mental model than Prisma's generated client for small schemas.
TurborepoReactTypeScript
Vite
Bun+3
Open-source VS Code extension with 18 hand-crafted color themes, 1,000+ installs.
Theme design is a syntax-highlighting problem as much as a color-palette problem — contrast and token distinction matter more than the palette looking good in isolation.
VS Code
JSON
B2B marketing site for ROAD application retirement, data migration, and warehouse ingestion services.
Marketing-site architecture is about clarity, reuse, and conversion paths, not only visual implementation.
Next.jsReactTypeScriptTailwind CSS
Security staffing dashboard with admin/supervisor access, guard onboarding, document storage, ID cards, and salary slips.
Real operations apps need print, document, and workflow details that demo CRUD apps usually ignore.
Next.jsReact
MongoDB
Mongoose
AWS+3
EdTech marketing and enrollment site with course discovery, lead capture, contact flows, and careers upload.
Architecture should match business maturity; Google Sheets can be the right first persistence layer for simple lead capture.
Next.jsReactTypeScriptTailwind CSS