🚀 Try the live experience → jvt-portfolio-agent.vercel.app

An immersive, AI-powered web experience where a virtual character acts as an intelligent guide through my portfolio — blending real-time 3D, generative AI, and interactive storytelling into a single seamless journey.

The core idea: instead of a static portfolio, visitors interact with a virtual character that presents my work, skills, and projects dynamically. The experience responds to user input — text, clicks, or gestures — and adapts its storytelling in real time.

Key features include:

• AI-Driven Storytelling: A Pydantic AI agent orchestrates narrative logic, routing queries through OpenRouter to models like GPT and Claude for contextual, streaming responses.
• Immersive 3D Scene: Built with Next.js and React Three Fiber, the environment reacts to the AI’s output — lighting, animation, and dialogue stay in sync.

Tech Stack:

• Frontend: Next.js (App Router) · React Three Fiber / Three.js · Drei · MediaPipe
• Backend: FastAPI (Python) · Pydantic AI

I designed and built the full stack — from the AI agent architecture and backend API to the 3D frontend and interaction design.

Credits to J-Toastie for the astronaut model (CC BY 3.0).

See more here.