Featured Project
Config-Driven Developer PortfolioA minimal, professional developer portfolio built as a data-driven system rather than a content-heavy website.
Tech Stack
Next.jsReactTypeScriptTailwind CSSGSAPLucide ReactReact IconsArcjetResend
Architectural Decisions
Made a single JSON file the source of truth so content edits never require touching JSXDecision 1 • Key architectural choice
Designed UI components to render data only, enforcing separation between content and presentationDecision 2 • Key architectural choice
Used GSAP only for subtle entrances and interaction feedback — never decorative motionDecision 3 • Key architectural choice
Contact Form – Server-side form validation with Arcjet security and Resend email integrationDecision 4 • Key architectural choice
Config-Driven Developer Portfolio • Live Preview
Project Timeline
StatusActive
TypePortfolio System
ComplexityIntermediate
ArchitectureFull-Stack
Development Approach
Built with server-first architecture using Next.js App Router
TypeScript end-to-end for type safety across all layers
Centralized validation with shared Zod schemas
Explore the Codebase
Dive into the implementation details, architecture patterns, and development decisions.
GitHub Repository →