A Mario-Style Developer Site Built with AI and Deployed to Cloud Run
Source: Dev.to
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
(Portfolio showcase omitted for brevity.)
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 development 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 build using modern AI tools.
- Real production deployment path: containerized static hosting (Vite build → Nginx) plus one‑push deploy to Google Cloud Run.