Building an AI-Powered Portfolio with React 19, Vite, and Gemini 2.5 Flash

As developers, our portfolio is often the first impression we make. Instead of just listing my skills and projects, I wanted visitors to experience what I can build. That's why I decided to rebuild my portfolio as an AI-powered interactive web experience. In this post, I'll walk you through how I built my new high-performance portfolio using React 19 , Vite , Tailwind CSS 4 , and the incredible Google Gemini 2.5 Flash model. The Vision: More Than Just a Website My goal was to create a site that was not only fast and accessible but also highly interactive. I wanted an AI assistant that could: Answer questions about my experience and skills. Control the UI (e.g., scroll to specific sections, filter projects, or toggle themes). Act as an intelligent lead-capture tool. The Tech Stack I chose a stack optimized for speed and developer experience: Frontend Framework: React 19 & Vite Styling: Tailwind CSS 4 with custom CSS and glassmorphism design. AI Integration: Google Gemini 2.5 Flash (via