DEV Community

Cover image for My AI-Powered Portfolio: Meet My Digital Twin Built with Google Gemini
Emery
Emery

Posted on

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

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

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
Enter fullscreen mode Exit fullscreen mode

๐Ÿ› ๏ธ 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)