Featured Project

Config-Driven Developer PortfolioA minimal, data-driven developer portfolio where content is fully separated from presentation using a single JSON source of truth.

View Repository
Active Development

Tech Stack

Next.jsReactTypeScriptTailwind CSSGSAPLucide ReactReact IconsArcjetResend

Architectural Decisions

Centralized all content in a single JSON file to eliminate JSX editsDecision 1 • Key architectural choice
Built UI components as pure render layers for strict separation of concernsDecision 2 • Key architectural choice
Used GSAP minimally for meaningful interaction feedbackDecision 3 • Key architectural choice
Implemented secure contact form with Arcjet validation and Resend email handlingDecision 4 • Key architectural choice
Config-Driven Developer Portfolio • Live Preview
Config-Driven Developer Portfolio Preview

Project Timeline

Status
Active
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 →