<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: Zelalem Gizachew</title>
    <description>The latest articles on DEV Community by Zelalem Gizachew (@zelalemgizachew).</description>
    <link>https://dev.to/zelalemgizachew</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F540618%2F0b5752d8-81e8-4d46-9dcb-d8783306949c.png</url>
      <title>DEV Community: Zelalem Gizachew</title>
      <link>https://dev.to/zelalemgizachew</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/zelalemgizachew"/>
    <language>en</language>
    <item>
      <title>Neural Bridge: My AI-First Portfolio with a Live Gemini-Powered Clone You Can Interview</title>
      <dc:creator>Zelalem Gizachew</dc:creator>
      <pubDate>Mon, 02 Feb 2026 06:59:51 +0000</pubDate>
      <link>https://dev.to/zelalemgizachew/neural-bridge-my-ai-first-portfolio-with-a-live-gemini-powered-clone-you-can-interview-10nk</link>
      <guid>https://dev.to/zelalemgizachew/neural-bridge-my-ai-first-portfolio-with-a-live-gemini-powered-clone-you-can-interview-10nk</guid>
      <description>&lt;p&gt;Hey DEV Community! 👋&lt;/p&gt;

&lt;p&gt;I'm super excited to share my submission for the &lt;strong&gt;&lt;a href="https://dev.to/challenges/new-year-new-you-google-ai-2025-12-31"&gt;New Year, New You Portfolio Challenge Presented by Google AI&lt;/a&gt;&lt;/strong&gt; &lt;br&gt;
This challenge came at the perfect time. 2026 is all about leveling up, and I wanted my portfolio to do the same. Instead of another static page that people just skim and forget, I built a living, interactive experience: &lt;strong&gt;Neural Bridge &lt;em&gt;(Inspired By Jarvis)&lt;/em&gt;&lt;/strong&gt;, where visitors can actually &lt;em&gt;talk&lt;/em&gt; to an AI version of me in real time.&lt;/p&gt;

&lt;p&gt;No more one-way "about me" sections! You can &lt;strong&gt;now interview&lt;/strong&gt; my digital twin about my work, skills, and projects using, not even with text, But &lt;strong&gt;your voice&lt;/strong&gt; while having a &lt;strong&gt;real-time transcription&lt;/strong&gt;. &lt;br&gt;
It's &lt;strong&gt;powered by Google Gemini&lt;/strong&gt; and feels like chatting with a friend who knows my entire career story. Let's dive in!&lt;/p&gt;
&lt;h2&gt;
  
  
  About Me
&lt;/h2&gt;

&lt;p&gt;Hi, I'm Zelalem Gizachew, a Senior Software Engineer passionate about &lt;strong&gt;backend systems&lt;/strong&gt;, &lt;strong&gt;real-time communication&lt;/strong&gt;, and &lt;strong&gt;generative AI&lt;/strong&gt;.&lt;/p&gt;

&lt;p&gt;I love building scalable, low-latency experiences that feel magical — whether that's streaming infrastructure, AI agents that actually understand context, or systems that bridge humans and machines seamlessly.&lt;/p&gt;

&lt;p&gt;For 2026, my goal was simple: move beyond a traditional portfolio. I wanted a digital space that represents me dynamically, a "bridge" where people don't just read about my work… they discuss it with an AI agent that embodies my professional identity, knowledge, and style. That's how &lt;strong&gt;Neural Bridge&lt;/strong&gt; was born.&lt;/p&gt;
&lt;h2&gt;
  
  
  My Portfolio
&lt;/h2&gt;

&lt;p&gt;&lt;strong&gt;Live Portfolio Link:&lt;/strong&gt; &lt;a href="https://zelalem-portfolio-519552005901.us-central1.run.app/" rel="noopener noreferrer"&gt;https://zelalem-portfolio-519552005901.us-central1.run.app/&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Don't forget to INTERVIEW MY AI CLONE&lt;br&gt;
&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F2sgcrj9ezry2evrp8bh6.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F2sgcrj9ezry2evrp8bh6.png" alt=" " width="738" height="164"&gt;&lt;/a&gt;&lt;/p&gt;


&lt;div class="ltag__cloud-run"&gt;
  &lt;iframe height="600px" src="https://zelalem-portfolio-519552005901.us-central1.run.app/"&gt;
  &lt;/iframe&gt;
&lt;/div&gt;


&lt;p&gt;🚀 &lt;strong&gt;Try it out right now!&lt;/strong&gt;&lt;br&gt;&lt;br&gt;
Head to the &lt;strong&gt;Neural Bridge&lt;/strong&gt; section and click the &lt;strong&gt;[INTERVIEW_ME]&lt;/strong&gt; button to start a real-time voice (or text) interview with my Gemini-powered AI agent. It knows all about my skills, projects, and experiences and can answer almost any question on my behalf — from technical deep-dives to career advice.&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;&lt;strong&gt;Pro tip for the best experience:&lt;/strong&gt; Use a &lt;strong&gt;&lt;em&gt;wider screen (desktop/laptop)&lt;/em&gt;&lt;/strong&gt; so you can see the cosmic Neural Bridge visuals without getting lost in space 😉. Headphones help for voice mode!&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;The aesthetic is futuristic and space-inspired — glowing connections, neural pathways, a sense of exploration — because that's how I see the intersection of real-time tech and AI: a bridge across vast possibilities.&lt;/p&gt;

&lt;h2&gt;
  
  
  How I Built It
&lt;/h2&gt;

&lt;p&gt;The whole project was designed to showcase &lt;strong&gt;high-performance, low-latency AI integration&lt;/strong&gt; in a portfolio setting. Here's the breakdown:&lt;/p&gt;

&lt;h3&gt;
  
  
  Tech Stack
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Frontend:&lt;/strong&gt; React + Vite — fast, modern, and perfect for the interactive "Neural Bridge" aesthetic.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Real-Time Communication:&lt;/strong&gt; &lt;strong&gt;LiveKit&lt;/strong&gt; handles all the streaming infrastructure (audio, video, data channels) so the conversation feels instant and natural.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;AI Intelligence:&lt;/strong&gt; &lt;strong&gt;Google Gemini&lt;/strong&gt; (via LiveKit's Gemini Multimodal agent) — this is the brain! Gemini powers the "Almost Me" interviewer, understanding questions in real time, recalling my projects/skills, and responding conversationally.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Infrastructure:&lt;/strong&gt; &lt;strong&gt;Google Cloud Run&lt;/strong&gt; — serverless, auto-scaling home for the web frontend and the Auth server (for LiveKit auth). Deployed containerized for reliability.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Development Environment:&lt;/strong&gt; &lt;strong&gt;Antigravity with&lt;/strong&gt; — Google's AI-first dev environment. This was a game-changer!&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  The Antigravity Experience
&lt;/h3&gt;

&lt;p&gt;I jumped into &lt;strong&gt;Google Antigravity&lt;/strong&gt; (that slick agent-first IDE powered by Gemini) and it carried me smoothly through building and preparing this portfolio for deployment. &lt;br&gt;
My Gemini 3 Pro trial had run out (RIP late-night experiments 🤓), so I switched to the speedy &lt;strong&gt;Gemini 3 Flash&lt;/strong&gt; model, and it handled everything perfectly, keeping things fast and smart. &lt;br&gt;
My favorite trick was crafting clear prompts in &lt;strong&gt;Gemini Web&lt;/strong&gt; first to avoid any back-and-forth, then dropping them into Antigravity starting from an empty repo. It guided me through the whole setup: architecture, files, config, all the little details — and got the site fully ready for Cloud Run without the usual headaches. Bonus cute surprise: when I needed a quick icon, Antigravity quietly used &lt;strong&gt;Nano Banana&lt;/strong&gt; to generate one for me. Nice touch! ;-)&lt;br&gt;
Overall, it felt like a reliable, thoughtful teammate that made the whole process way more enjoyable.&lt;/p&gt;

&lt;h2&gt;
  
  
  What I'm Most Proud Of
&lt;/h2&gt;

&lt;p&gt;I love the &lt;strong&gt;Jarvise AI Tony Stark&lt;/strong&gt; used on &lt;strong&gt;Iron Man&lt;/strong&gt; Movie, and I always wanted to build Something like that. And ever since I've learned about building websites, my goal was set for my portfolio website. I wanted to build a Jarvis like Portfolio website because It kinda make me feel like Iron Man 😁&lt;br&gt;
But those animated components are expensive to built even in this AI era. I even learnt how I can manually do SVGs and I've made 1 component in almost like 2 days and it was tiresome. &lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fpopcorngtm.com%2Fhs-fs%2Fhubfs%2FCRM%2520HUD%2520PGTM.gif%3Fwidth%3D1008%26height%3D567%26name%3DCRM%2520HUD%2520PGTM.gif" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fpopcorngtm.com%2Fhs-fs%2Fhubfs%2FCRM%2520HUD%2520PGTM.gif%3Fwidth%3D1008%26height%3D567%26name%3DCRM%2520HUD%2520PGTM.gif" width="760" height="427"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;But Now, with the Help of AI, I'm able to achieve this, or at least I'm closer.&lt;/p&gt;

&lt;p&gt;And the &lt;strong&gt;Handshake Logic&lt;/strong&gt; in the backend. I implemented a custom &lt;code&gt;RoomAgentDispatch&lt;/code&gt; system that instantly dispatches my personalized Gemini agent the moment a user joins the LiveKit room. No manual setup, no waiting — seamless "human-to-AI" transition.&lt;/p&gt;

&lt;p&gt;It feels like magic: you click INTERVIEW_ME, and "I" (My AI Clone) greet you instantly, ready to talk about anything from my backend architecture patterns to real-time AI challenges. &lt;br&gt;
Who knows? In the future, I might not even need to hop on calls for initial interviews — the bridge handles it! 😄&lt;/p&gt;

&lt;h2&gt;
  
  
  Deployment Details
&lt;/h2&gt;

&lt;p&gt;The entire portfolio is containerized and running on &lt;strong&gt;Google Cloud Run&lt;/strong&gt; for effortless scaling and zero server management.&lt;/p&gt;

&lt;p&gt;To meet the challenge requirements, I deployed with the required label: &lt;code&gt;--labels dev-tutorial=devnewyear2026&lt;/code&gt;&lt;/p&gt;

&lt;p&gt;Thank you for organizing this challenge.&lt;/p&gt;

</description>
      <category>devchallenge</category>
      <category>googleaichallenge</category>
      <category>portfolio</category>
      <category>gemini</category>
    </item>
  </channel>
</rss>
