Conversational Developer Portfolio
Command-driven personal portfolio built with Next.js App Router and Framer Motion—replacing infinite scroll with a contextual AI chat interface that surfaces projects, skills, and experience on demand.
Rethinking the portfolio as a product
Traditional portfolios force visitors to navigate a predetermined structure. This portfolio inverts that model — the visitor drives the conversation. Using Next.js App Router for SSR performance and Framer Motion for layout-aware transitions, the interface feels like a premium AI product rather than a developer resume.
Core Features
Built for Performance
Command-palette-style interface with slash-command routing — visitors type intent, not keywords
Framer Motion layout animations for seamless content transitions between project detail views
Server-rendered shell with client-side hydration — fast initial load with no layout shift (zero CLS)
JSON-driven content architecture — all portfolio data decoupled from UI components for easy updates
Roadmap
Live Claude API integration
Replace simulated responses with real Claude API calls—making the portfolio genuinely answer recruiter and client questions about specific projects, stack choices, and availability.
RAG over resume & projects
Embed resume, project write-ups, and GitHub READMEs into a pgvector store so the chat can retrieve and cite specific achievements in context.
Visitor analytics dashboard
Track which projects and questions visitors ask most — feeding insights back into which work to feature or expand in the portfolio.
Voice input via Web Speech API
Let mobile visitors speak queries naturally — further differentiating the experience from every static portfolio in the market.