Full Stack/ 2026

Portfolio

This portfolio isn't just a static site; it's a showcase of modern web engineering. I built it to be exceptionally fast, accessible, and interactive, featuring an AI assistant that can answer questions about my background in real-time.

Project typeIndependent build

StatusRecently updated

FocusFull Stack

Delivered scope

Added a richer project storytelling layer with case studies, recent-work badges, and clearer filtering.
Refined the AI chatbot and command-palette experience so clients can explore services and project history faster.
Kept the portfolio performance-focused with server-rendered routes, compact data-driven sections, and motion used only where it improves the experience.

Technology

Next.jsTypeScriptTailwind CSSFramer MotionOpenAIVercel AI SDK

System approach

Framework: Next.js 16 with App Router and Server Components.
Styling: Tailwind CSS with a custom design system and glassmorphism.
AI: Integration with Vercel AI SDK and OpenAI for the chatbot.
Animations: Framer Motion for polished transitions and micro-interactions.

Challenges

Creating a cohesive design that feels premium without being cluttered.
Optimizing the AI chatbot for low-latency responses.
Ensuring smooth performance across all device types and browsers.

Solutions

Developed a custom design system using CSS variables for a unified 'Glass' theme.
Implemented stream-based AI responses to give users immediate feedback.
Utilized Next.js Image optimization and code-splitting to achieve near-perfect Lighthouse scores.

Key outcomes

AI Chatbot integration

Command Palette (Cmd+K)

95+ Core Web Vitals score