AI Engineer Portfolio — Project
Active portfolio project
Active portfolio project

AI Engineer Portfolio

A content-driven Next.js portfolio that turns experience, project evidence, and contact paths into one cohesive product.

AI Engineer Portfolio homepage in dark mode
Interface preview

What needed to be solved

A static profile page could list my skills, but it would not show how I structure a product, refine interactions, or explain the decisions behind my work.

What I designed and implemented

I built the site around centralized content, reusable sections, GitHub-backed project data, dedicated case studies, theme-aware styling, a macOS-inspired dock, a draggable resume viewer, and a spam-protected contact flow.

What the project now proves

A reviewer can move from my background to live work, source code, case-study context, resume, and contact options without leaving the portfolio experience.

Key contributions

  • Centralized personal, experience, project, metadata, and interface content for maintainable iteration.
  • Built a theme-aware dock, in-site resume window, responsive project system, and macOS-inspired case-study windows.
  • Connected curated GitHub data to fallback content so project cards and detail routes remain build-safe.

Technical context

Role
Product design, frontend engineering, and content architecture
Timeline
Personal build · 2026
Last updated
Aug 22, 2026
Repository
NextJS-Portfolio
Next.jsTailwind CSSTypeScript