My AI-Powered Portfolio: Meet My Digital Twin Built with Google Gemini

Emery — Wed, 28 Jan 2026 15:00:59 +0000

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 🚀✨

DEV Community: Emery