DEV Community

Cover image for A Mario-Style Developer Site Built with AI and Deployed to Cloud Run
Serhii Serdiuk
Serhii Serdiuk

Posted on

A Mario-Style Developer Site Built with AI and Deployed to Cloud Run

New Year, New You Portfolio Challenge Submission

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

About Me

Highly proficient Senior Software Engineer with over 7 years of specialized experience in front-end development. Brings a comprehensive understanding of modern technology stacks, including TypeScript and Angular. Proven expertise in constructing user-friendly interfaces, optimizing web applications, and system upgrades. Exhibits strong leadership qualities through mentoring roles and active participation in technical interviews. Dedicated to delivering high-quality software solutions for leading technology companies. Keen to apply my skills and experiences to contribute to a dynamic and innovative team.

Portfolio

How I Built It

This project is a Mario-style, interactive portfolio built as a fast, static React app with a playful “game UI” look.

Tech stack

  • React + TypeScript: UI and app structure.
  • Vite: local dev and production builds.
  • Tailwind CSS (CDN): utility-first styling.
  • Framer Motion: small interactions and page animations.
  • Recharts: “POWER LEVELS” skills visualization.
  • Docker (multi-stage) + Nginx: production build served as a static SPA.

AI tools used

  • Mostly built using Google AI Studio.
  • Debugging using GitHub Copilot.

Deployment process

CI/CD is automated with GitHub Actions: authenticate to GCP, build/push a container to Artifact Registry, then deploy to Google Cloud Run.

What I'm Most Proud Of

  • Almost effortless built using modern AI tools.
  • Real production deployment path: containerized static hosting (Vite build → Nginx) plus one-push deploy to Google Cloud Run.

Top comments (0)