The latest articles on DEV Community by Dami Kang (@dami_kang_49c50227e107ccb). https://dev.to/dami_kang_49c50227e107ccb 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%2F3716126%2F9de44a82-d70e-4a43-a571-7025d0859eea.jpg https://dev.to/dami_kang_49c50227e107ccb en Dami Kang Mon, 26 Jan 2026 10:24:41 +0000 https://dev.to/dami_kang_49c50227e107ccb/made-a-creative-graphic-portfolio-with-google-ai-2ebo https://dev.to/dami_kang_49c50227e107ccb/made-a-creative-graphic-portfolio-with-google-ai-2ebo <p><em>This is a submission for the <a href="https://dev.to/challenges/new-year-new-you-google-ai-2025-12-31">New Year, New You Portfolio Challenge Presented by Google AI</a></em></p> <h2> About Me </h2> <p>Hi everyone! I am Dami, a web developer with 2 years of experience. I'm an AI enthusiast, and I recently built a React/Expo app powered by Google Gemini Pro. This project was especially fun because I drew my character and using Nano banana to create an animated character that brings a good web experience for my portfolio. </p> <h2> Portfolio </h2> <p><a href="https://damikang-portfolio.vercel.app" rel="noopener noreferrer">Portfolio URL</a></p> <p><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%2Fc9itl30zfj866wo9i4ot.png" class="article-body-image-wrapper"><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%2Fc9itl30zfj866wo9i4ot.png" alt="dami's 2026 Google Antigravity portfolio" width="800" height="391"></a></p> <h2> How I Built It </h2> <p>I built this project with Google AI tools like Antigravity and Gemini Pro, The character and image stuff was made with Google Nano banana and Veo3. Everything was made by Google AI stuff, Here's how I did:</p> <ol> <li>I used Nano banana with Google Gemini Pro to generate the characters, background images and other visual stuff </li> <li>I refined those assets in <a href="https://www.photopea.com" rel="noopener noreferrer">Photopea</a> to edit advance stuff like background removal and object isolation</li> <li>To animate the character, I use Google Veo 3 and polished CapCut.</li> <li>Finally, I containerised the app with Docker to deploy it to Google Cloud Run</li> </ol> <h2> What I'm Most Proud Of </h2> <p>I first experimented with a macOS‑style UI for my portfolio, but ultimately redesigned it as a room‑themed interface so I could use drag‑and‑drop interactions with the graphics in the space. The room concept works surprisingly well in practice and makes the whole experience feel more playful and interactive.</p> <p>Main tech stacks</p> <ul> <li>Typescript</li> <li>Vite/SSR</li> <li>GSAP for drag &amp; drop animation</li> <li>Notion Client API</li> <li>Docker</li> </ul> devchallenge googleaichallenge portfolio gemini