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!
Top comments (4)
Wow🫡
Absolutely amazing! Would love to hear how was your experience with Antigravity and GCP?
Antigravity was a really interesting experience. I didn’t use it just to generate UI, but more as a thinking partner to design the system flow and user journey. It helped me reason about how to turn DevOps concepts (incidents, recovery, delivery) into an interactive experience instead of static sections.
I still made the final design and implementation decisions myself, but it was great for exploring ideas quickly and refining them.
For GCP, this is my first time using it, I am more used to AWS. But it was a very good fit for this project, and finally I got the chance to try GCP😅. Once the container was set up correctly, it felt clean and production-oriented. Literally just build, deploy, scale, done. it was very smooth.
Overall, both tools pushed me to think more in systems rather than pages, which is exactly what I was aiming for with this portfolio✨
This is so creative well done
Thanks!