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
Digital business card platform — 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.
Next.jsTypeScript
MongoDB
Mongoose
AWS+4
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
Express
PostgreSQL+10
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
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.jsReactMongoDBMongooseAWS+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