DEV Community

Cover image for My AI-Powered Developer Portfolio - Built with Google Gemini
Simran Shaikh
Simran Shaikh Subscriber

Posted on

My AI-Powered Developer Portfolio - Built with Google Gemini

My AI-Powered Portfolio with Google Gemini πŸš€

I built an interactive developer portfolio for the "New Year, New You Portfolio Challenge" that showcases my work while featuring an intelligent AI assistant powered by Google's Gemini API.

✨ Key Features

1. AI Chat Assistant (The Star Feature!)

  • Powered by Google Gemini 2.0 Flash
  • Answers questions about my projects, skills, and experience
  • Natural conversation with context awareness
  • Lightning-fast responses

2. Project Showcase

  • 8+ featured projects including:
    • Multi-Agent Code Review System
    • SEO InsightHub
    • Agentic Cold Email System
    • And more!

3. Modern Design

  • Dark theme with purple/blue gradients
  • Glassmorphism effects
  • Smooth animations
  • Fully responsive

πŸ› οΈ Tech Stack

  • Frontend: React 18 + TypeScript + Vite
  • Styling: Tailwind CSS
  • AI: Google Gemini 2.0 Flash API
  • Deployment: Google Cloud Run
  • Containerization: Docker

πŸ† What I'm Proud Of

  • Seamless Gemini API integration
  • Clean, modern UI/UX design
  • Production-ready deployment on Cloud Run
  • Intelligent AI responses about my work

πŸŽ“ What I Learned

Prompt Engineering , Explore Different Features of Google Ai Studio

πŸ”— Links

πŸ’¬ Try the AI Assistant!

Visit my portfolio and click the chat icon to ask the AI assistant about my projects, skills, or experience. It's powered by Google Gemini and can answer questions like:

  • "What hackathons has Simran won?"
  • "Tell me about the Multi-Agent Code Review System"
  • "What are Simran's AI/ML skills?"

Built with ❀️ using React, TypeScript, and Google AI

Top comments (0)