This is a submission for the New Year, New You Portfolio Challenge Presented by Google AI
About Me
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.
With this portfolio, I wanted to go beyond listing skills and instead show how I think and operate when something breaks.
Portfolio
Instead...
This is a submission for the New Year, New You Portfolio Challenge Presented by Google AI
About Me
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.
With this portfolio, I wanted to go beyond listing skills and instead show how I think and operate when something breaks.
Portfolio
Instead of a traditional portfolio, I built an interactive DevOps system simulation.
The experience begins with a traffic spike incident. Rather than explaining what DevOps can do in text, the visitor experiences it:
an alert appears, the system scales, stability is restored. Only after then, the portfolio opens (I added a skip button for people who has visited my portfolio multiple times).
From there, the portfolio is presented as a running production system, with different operational views:
- System overview
- Delivery (CI/CD)
- Incidents & lessons learned
- Systems I’ve built and operated
- Operator profile
- Escalation
🔗 Live Portfolio (Google Cloud Run):
My portfolio is deployed on Google Cloud Run and includes the required challenge label: dev-tutorial=devnewyear2026
How I Built It
I used React for modern Front-end, Node.js (Express) for the Back-end, containerized with Docker, deployment and hosting on Google Cloud Run (serverless, container-based).
Google AI Tools
I used Antigravity, to design the system architecture, user flow, and component structure.
Gemini also assisted me with reasoning about UX, 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 users' preferences.
The goal was to make the portfolio understandable for non-DevOps viewers, while still signaling real DevOps thinking to engineers.
What I’m Most Proud Of
- Turning a portfolio into a system you operate, not a page you read.
- Explaining DevOps concepts without jargon.
- Modeling incidents, recovery, and delivery visually.
- Successfully deploying and debugging a real production container on Google Cloud Run.
- Using Google AI tools not just to generate code, but to reason about systems and experience.
This project represents how I want to work as an engineer:
calm under pressure, systems-oriented, and always improving.
Thanks for checking it out! I’d love to hear your thoughts or questions in the comments!