From Incident to Stability: My Interactive DevOps Portfolio on Cloud Run
Source: Dev.to
Introduction
I’m Noor Halabi, a DevOps‑focused engineer with a background in full‑stack development and a strong interest in systems reliability, automation, and cloud architecture. Before moving fully into DevOps, I worked across the application layer, which shaped how I think about infrastructure today: not as isolated tools, but as systems that exist to support real users and real software.
Portfolio Overview
Instead of a traditional portfolio, I built an interactive DevOps system simulation. The experience begins with a traffic‑spike incident:
- An alert appears.
- The system scales automatically.
- Stability is restored.
Only after the incident resolves does the portfolio open (a skip button is available for returning visitors).
From there, the portfolio is presented as a running production system with multiple operational views:
- System overview
- Delivery (CI/CD)
- Incidents & lessons learned
- Systems I’ve built and operated
- Operator profile
- Escalation
🔗 Live Portfolio (Google Cloud Run):
(link to be added)
Technical Stack
- Front‑end: React (modern single‑page application)
- Back‑end: Node.js with Express
- Containerization: Docker
- Hosting: Google Cloud Run (serverless, container‑based)
- Challenge label:
dev-tutorial=devnewyear2026
Google AI Tools
- Antigravity: Designed system architecture, user flow, and component structure.
- Gemini: Assisted with UX reasoning, storytelling, and refining technical explanations.
Design Decisions
- Single‑page application with multiple operational views; no long scrolling.
- Navigation feels like switching dashboards.
- Friendly for non‑DevOps people; technical depth revealed through interaction.
- Calm, stable UI after an initial moment of chaos (incident).
- Supports dark and light mode to match user preferences.
Project Goals
- Make the portfolio understandable for non‑DevOps viewers while signaling real DevOps thinking to engineers.
- Turn a portfolio into a system you operate, not a page you read.
- Explain DevOps concepts without jargon.
- Model incidents, recovery, and delivery visually.
- Demonstrate successful deployment and debugging of a real production container on Google Cloud Run.
- Showcase the use of Google AI tools for system reasoning, not just code generation.
Personal Statement
This project represents how I want to work as an engineer:
- Calm under pressure
- Systems‑oriented
- Always improving
Thanks for checking it out! I’d love to hear your thoughts or questions in the comments.