This is a submission for the New Year, New You Portfolio Challenge Presented by Google AI
π About Me
Iβm a full-stack developer who loves building products that feel alive, not just functional.
This portfolio is my way of expressing how I think about software:
clean structure, strong UX, playful details, and meaningful use of AI.
Instead of a traditional static portfolio, I wanted to create something closer to a living interfaceβone that can talk, adapt, and interact naturally with visitors.
That idea led to the core concept of this project: my digital twin π€
π Portfolio
Here is my live portfolio, deployed on Google Cloud Run and powered by Google AI: https://myportfolio-104415718837.us-central1.run.app
π’ Deployment details
- Platform: Google Cloud Run
- Required label:
dev-tutorial=devnewyear2026
π οΈ How I Built It
π§± Tech Stack
- Backend: Laravel
- Frontend: React
- Bridge: Inertia.js
- Database: SQLite
- Deployment: Google Cloud Run
This stack allowed me to keep a clean architecture while delivering a fast, fluid, and modern user experience.
π€ Google AI Usage
Google AI is deeply integrated into both the development process and the final product:
-
Gemini 3.0 Pro
Used throughout development for:- architecture decisions
- feature ideation
- UX refinement
- code assistance
Gemini 2.5 Flash Lite
Powers the real-time chat and my AI digital twin, ensuring fast and responsive conversations.AI Studio
Used to manage and retrieve API keys and configure Gemini models.Antigravity
My primary IDE for this project. It significantly boosted productivity and enabled an AI-first development workflow.
π§ The Digital Twin
Instead of a classic contact form, I built an AI digital twin that represents me.
It can:
- π¬ communicate in natural language
- π mimic my tone, personality, and humor
- π§© explain my projects and technical choices
- π© automatically collect contact messages, quote requests, or information requests
From the visitorβs perspective, it feels like chatting directly with me.
From my side, messages are delivered cleanly and reliablyβno traditional form required.
π What I'm Most Proud Of
This project is packed with details, but these are the highlights that truly define it:
π₯οΈ Interactive Terminal
- Linux-style terminal UI
- Users can navigate the entire site using commands
- The digital twin is also accessible directly from the terminal
π§ Hero Section Magic
- Hovering over my image reveals a full-size portrait with a friendly message
- A dynamic spotlight follows the mouse
- All hero elements subtly react to cursor movement for a smooth, immersive effect
π¬ Movable Chat FAB
- Fully draggable floating action button
- Gives a native mobile-app feel on the web
β¨ Micro-Animations Everywhere
- Floating lights around the hero image
- Animated bubbles in the hero section
- A beautifully animated call-to-action inviting users to open the chat
- Smooth scroll animations across the site
- Elegant animation on contact submission
π Dark & Light Mode
- Fully supported
- Carefully designed for consistency and comfort in both modes
π§ Work Experience Timeline
- Smooth scroll-based animations
- Optimized for both desktop and mobile
- Clear, fluid, and easy to follow
π¨ Design & Personality
- Simple structure and strong visual hierarchy
- Clean layout with playful, subtle humor
- A friendly and slightly comedic tone across the entire site
βοΈ Personal Blog Section
- Dedicated space for sharing thoughts, experiences, and ideas beyond code
π Final Words
This portfolio isnβt just a showcaseβ
itβs a conversation, a product, and a reflection of how I see modern development with AI.
Thanks for checking it out,
and thanks to DEV.to for the challenge and Google AI for creating tools that make building experiences like this possible πβ¨
Top comments (0)