The Portfolio Challenge by Google AI

# devchallenge# googleaichallenge# portfolio# gemini
The Portfolio Challenge by Google AIGbemisola Esho

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

This is a submission for the [New Year, New You Portfolio Challenge Presented by Google AI] Not really!(https://dev.to/challenges/new-year-new-you-google-ai-2025-12-31)
The Portfolio Challenge has come and gone but I still have this write up which well, I forgot to submit.
I followed the format for submission, I hope you enjoy it and learn from it.
Happy reading!

About Me

Gbemisola Esho is a multidisciplinary technology leader operating at the critical intersection of cloud security, artificial intelligence, and digital inclusion. With a career that spans technical infrastructure and investigative journalism, she brings a dual perspective to the global dialogue on AI: how to build secure, scalable systems, and how to ensure they serve the public interest in emerging economies.

As a cybersecurity practitioner, Gbemisola specializes in securing cloud architectures against complex threats. She is a recognized voice in the developer ecosystem, recently speaking at DevFest Kigali 2025 at Carnegie Mellon University Africa on "Bot Management with Google Cloud Armor and reCAPTCHA."
She is the Founder and Lead of Connectobridge, an initiative dedicated to closing the digital skills gap for women, youth, and underrepresented communities. Through this platform, she champions AI literacy and online safety, aligning her advocacy with the United Nations Sustainable Development Goals. As a journalist trained in the Pulitzer AI Spotlight Reporting program, she also wields the investigative skills to interrogate AI systems for bias, transparency, and accountability, challenging hype-driven narratives with evidence-based reporting.

Portfolio

This is the link to my portfolio with some projects and deployed on Cloud Run
{https://gbemisolaportfolio-627390562920.us-west1.run.app/}

How I Built It

Gbemisola's Portfolio: Creation & Deployment Process

  1. Technical Stack & Development Frontend Architecture: Built using React 19 with TypeScript for type safety. The UI is crafted with Tailwind CSS, utilizing a "glassmorphism" aesthetic to reflect a modern, high-tech security vibe.

AI Integration: The "Resume Agent" uses the Gemini 3 Flash model. It's configured with a specific system instruction that defines your professional persona, project history, and technical expertise.

Security Features: The app implements a secure API key management flow. It uses the window.aistudio interface to let users provide their own keys, ensuring no sensitive credentials are hardcoded or stored on the server.

  1. Containerization (Docker) To ensure the app runs identically in any environment, we use Docker. Base Image: A lightweight Nginx Alpine image.

Configuration: The Dockerfile copies the static assets (HTML, TSX, CSS) and configures Nginx to serve them. Crucially, it includes a template for nginx.conf that listens on the $PORT environment variable, which is a requirement for Google Cloud Run.

  1. Automated CI/CD (Google Cloud Build) The deployment is fully automated using a cloudbuild.yaml pipeline: Step 1 (Build): When you push code, Cloud Build triggers a docker build, tagging the image with the specific Git commit SHA for version control.

Step 2 (Push): The built image is pushed to Google Container Registry (GCR).

Step 3 (Deploy): Cloud Build tells Google Cloud Run to pull the new image and update the service.

  1. Serverless Hosting (Google Cloud Run) We chose Cloud Run for deployment because:

Zero-Scale: It scales to zero instances when there's no traffic, making it practically free for a personal portfolio.

Concurrency: It can handle multiple simultaneous requests efficiently.

Security: It provides an isolated, managed environment with automatic HTTPS and built-in protection against common infrastructure threats.

What I'm Most Proud Of
The Evolution from Static to Intelligent:
Most portfolios are digital paper. With Google AI studio I built a living technical agent integrating Gemini 3 Flash, I demonstrated how Generative AI can be used not just for "chat," but as a professional proxy that understands context, projects, and your professional persona.

Architectural Sophistication (Cloud-Native):
This isn't just hosted on a simple web provider, It is a production-grade pipeline that uses:
Dockerization for immutable deployments.
Google Cloud Run for serverless, cost-effective scaling.
Cloud Build CI/CD for automated security-focused delivery

A screenshoot of Gbemisola's Portfolio describing her .it also has feature buttons for skill,experience,projects,comtact me and chatbot

NB:Most of what is in the portfolio is true but the actual projects disguised.
A gif the image of a cat typing
The Portfolio challenge was used to demonstrate the power of Gemini, AI Studio and Cloud Run Google technologies demonstrating how these technologies can make your projects come alive.