Architecting the Void: A High-Performance DevOps Portfolio Build
This is a submission for the New Year, New You Portfolio Challenge Presented by Google AI
About Me
Hi, I'm Nazar Senchuk, a DevOps Engineer based in Lviv, Ukraine. I specialize in building resilient, multi-cloud infrastructure and high-performance CI/CD pipelines. For me, DevOps isn't just a job title—it's a philosophy of automation, observability, and infrastructure-as-code.
I wanted my portfolio to feel less like a static document and more like a live system being "booted up" by the visitor.
Portfolio
Link: https://portfilio-v1-1014613985008.us-central1.run.app/
How I Built It
The Concept: "System Initialization"
I wanted the user to feel like they are logging into a secure infrastructure node. The experience starts with a BIOS-style boot sequence that verifies system modules before granting access to my profile. Once "logged in," the visitor navigates through a digital void filled with flying cloud services (AWS, Kubernetes, Docker, etc.) that represent my daily stack.
Pair Programming with Antigravity & Google AI
The development of this site was a true human-AI collaboration. I used Google Antigravity as my primary development environment, which allowed me to leverage Gemini 2.0 Pro not just as a chatbot, but as an embedded co-engineer.
My Impressions of Antigravity:
- Contextual Awareness: Antigravity understood the entire context of my multi-file architecture. It didn't just suggest snippets; it understood how a change in the 3D background logic needed to be reflected in the main App state.
- Speed of Iteration: Building a complex 3D vortex requires a lot of "trial and error." Antigravity’s ability to instantly refactor math logic allowed me to iterate on the physics of the "Black Hole" effect in minutes, something that would have taken hours of manual tweaking.
- DevOps native: As a DevOps engineer, I was impressed by how Antigravity handled the containerization and deployment logic. It helped me debug complex Nginx configurations and Dockerfile hurdles for Cloud Run with professional-grade precision.
The Role of Google AI (Gemini 2.0 Pro):
- The Math Tutor: It handled the linear interpolation (
lerp) and gravitational pull math for the 40+ flying 3D icons, ensuring they twist and spiral smoothly without frame drops. - Interactive Intelligence: The AI helper inside the terminal section was built using Gemini's reasoning capabilities, allowing it to provide contextual answers about my skills to visitors.
- UX Strategist: Gemini suggested the "System Warming Up" phase to hide the initial 3D load, turning a potential performance bottleneck into a thematic "feature."
The Tech Stack
- Core: Vite + React + TypeScript
- Intelligence: Google Antigravity + Gemini 2.0 Pro
- 3D Engine: React Three Fiber + Three.js
- Deployment: Dockerized Nginx on Google Cloud Run
What I'm Most Proud Of
- The "Black Hole" Transition: Most portfolios use standard scrolls. Mine uses a "Gravity Wave." When you swap sections, the background icons spiral towards a central point and twist, creating a cinematic sense of travel.
- The Interactive Terminal: I built a custom shell that supports command history, tab completion, and a virtual filesystem. It’s a great easter egg for fellow engineers to explore my resume.
- Performance Optimization: Despite the heavy 3D load, the site is highly optimized. We implemented GPU-accelerated transforms and limited DPR (Device Pixel Ratio) for a silky smooth 60fps experience.
Multi-Cloud Representation: The background isn't just stars—it's a field of actual DevOps tools, visually demonstrating my professional experience across the cloud ecosystem.
Performance Optimization: Despite the heavy use of 3D icons and animations, the site is highly optimized. We implemented GPU-accelerated transforms and limited DPR (Device Pixel Ratio) to ensure it stays silky smooth even on lower-end hardware.
Multi-Cloud Representation: The background isn't just generic stars—it's a field of actual DevOps tools (ArgoCD, Jenkins, Azure, GCP, S3, etc.), visually demonstrating the breadth of my professional experience.
Special Thanks
I want to extend a massive thank you to the Google AI team for providing such powerful tools and for the opportunity to push my creative limits in the New Year, New You Portfolio Challenge. Building with Antigravity and Gemini has fundamentally changed how I think about the speed and quality of software development.
A huge shout-out as well to the DEV Community for being such an inspiring space for developers to learn, share, and grow together. Good luck to everyone participating! 🚀🏆✨
Top comments (1)
Really interesting !!