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)