DEV Community

ANIRUDDHA ADAK
ANIRUDDHA ADAK Subscriber

Posted on

Building an AI-Powered Portfolio with Gemini and Google Cloud Run

#devchallenge #googleaichallenge #portfolio #gemini

New Year, New You Portfolio Challenge Submission

This is a submission for the New Year, New You Portfolio Challenge Presented by Google AI

About Me

I'm a passionate B.Tech 4th year Computer Science student from Kolkata with a strong focus on AI/ML and full-stack web development. I combine technical expertise with creative problem-solving to build innovative solutions. As an active content creator on DEV and Twitter, I share insights about AI tools, web development, and competitive programming. I'm experienced in Python, JavaScript, and have hands-on experience with machine learning frameworks.

With this portfolio, I want to showcase my ability to leverage cutting-edge AI tools to create interactive, intelligent applications that solve real-world problems.

Portfolio

I've built an AI-powered portfolio website using Google AI Studio and deployed it on Google Cloud Run. The portfolio features:

  • Interactive AI Chat: Powered by Gemini API for intelligent conversational interactions
  • Dynamic Project Showcase: Projects filtered by technology stack and impact
  • Responsive Design: Mobile-first approach using HTML5, CSS3, and modern JavaScript
  • Real-time Updates: Portfolio data fetched dynamically from a backend service

The website is fully functional and demonstrates my skills in full-stack development, AI integration, and cloud deployment.

How I Built It

Tech Stack:

  • Frontend: HTML5, CSS3, JavaScript (Vanilla JS for performance)
  • Backend: Python with Flask framework
  • AI Integration: Google Gemini API via AI Studio
  • Deployment: Google Cloud Run with custom domain
  • Storage: Google Cloud Firestore for project metadata

Development Process:

  1. Started with AI Studio to prototype the AI chat feature
  2. Used Gemini CLI for rapid prototyping and testing
  3. Built responsive frontend with accessibility in mind
  4. Integrated with Cloud Run for serverless deployment
  5. Used the label: --labels dev-tutorial=devnewyear2026

Google AI Tools Used:

  • Google AI Studio: Created and tested Gemini prompts for conversational AI
  • Gemini API: Integrated for intelligent portfolio recommendations
  • Gemini CLI: Command-line rapid development and testing
  • Google Cloud Run: Deployed the complete application

What I'm Most Proud Of

  1. AI Integration: Successfully integrated Gemini API to provide personalized project recommendations based on user interests
  2. Performance: Achieved 95+ Lighthouse score with optimized assets and lazy loading
  3. User Experience: Intuitive navigation with smooth animations and responsive design across all devices
  4. Innovation: Used AI not just for chat, but for intelligent project matching and skill recommendations
  5. Clean Code: Well-documented, maintainable codebase with proper error handling and logging

This portfolio represents my growth as a developer and my passion for leveraging AI to create meaningful user experiences. I'm excited about the possibilities that Google AI tools open for developers like me!

Top comments (0)