DEV Community

Cover image for Neural Portfolio: Where AI Meets Creativity (Built with Google Gemini & Cloud Run)
Dũng Nguyễn Tiến
Dũng Nguyễn Tiến

Posted on

Neural Portfolio: Where AI Meets Creativity (Built with Google Gemini & Cloud Run)

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

"Data is not just numbers; it's the heartbeat of the future."

Hi everyone, I'm Nguyen Tien Dung, an aspiring AI Engineer from HCMUT.

For years, I viewed portfolios as static digital business cards—functional, but lifeless. But as I delve deeper into the world of Artificial Intelligence and Neural Networks, my perspective shifted. I realized that connection is everything. Just as neurons fire to create thoughts, I wanted my digital presence to spark a connection with every visitor.

My goal with this project wasn't just to list my skills. I wanted to break the mold. I dreamed of creating a living, breathing digital space that truly represents my "Neural Network" mindset—a place where data connects, ideas flow fluently, and AI is not just a tool, but the very core of the experience.

This portfolio is my handshake to the world—a fusion of my logic as an engineer and my soul as a creator.

Portfolio

How I Built It

The Journey from "Hello World" to "Hello AI"

Building this portfolio felt less like coding and more like co-authoring a story with a brilliant partner. That partner was Antigravity (Google's agentic IDE).

We live in an era where we no longer have to code alone. Adopting an "AI-First" approach, I treated the development process as a dialogue.

🛠️ The Symphony of Tech

  • Google Gemini AI (The Soul): This is the beating heart of my "Neural Terminal." I didn't want a generic chatbot. I used Gemini to craft an assistant that understands context, speaks in my tone, and knows my resume better than I do. It turns a passive view into an active conversation.
  • Three.js (The Atmosphere): To visualize the concept of connection, I built an immersive 3D neural network background. It represents the infinite possibilities of AI.
  • Google Cloud Run (The Home): Deploying a static site is easy; securing it is an art. Cloud Run allowed me to containerize my dreams and ship them globally with a single command.
  • Vanilla JS/CSS (The Performance): No heavy frameworks, just pure, optimized code for that buttery-smooth 60fps experience.

💡 The Agentic Workflow

There were moments of frustration. CSS interactions broke, scroll animations lagged, and exposing API keys was a constant fear. But having Antigravity as my co-pilot changed everything. We pair-programmed through the night. It didn't just fix my bugs; it taught me why they happened. Specifically, moving from a local environment to a secure, Dockerized container on Google Cloud Run was a steep learning curve that we conquered together.

What I'm Most Proud Of

It’s the little details that whisper, not shout.

  1. The "Neural Terminal" Experience: It’s not just a chatbox; it’s a portal. When you type ai hello, you aren't querying a database; you're interacting with a digital extension of myself. Seeing it respond intelligently for the first time gave me goosebumps.
  2. The "Unbroken" Flow: I obsessed over the User Experience. The custom cursor isn't just a decoration; it’s a guide that dances with your movement. Fixing the specific overflow issues to ensure the site feels like one continuous, fluid journey was my biggest technical victory.
  3. Security Meets Simplicity: I am incredibly proud of implementing a production-grade deployment pipeline. Using Environment Variables on Cloud Run to protect my Gemini API keys proved to me that I can build systems that are not only beautiful but also robust and secure.

This project is more than code. It’s a statement that in 2026, we don't just build websites; we build experiences.

Thank you for visiting my world. 🚀

Top comments (0)