<?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: Luke Ponga </title>
    <description>The latest articles on DEV Community by Luke Ponga  (@lukeponga).</description>
    <link>https://dev.to/lukeponga</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%2F3731438%2Fc373c6a0-f7f7-4733-87ee-9d5d0a794c7a.png</url>
      <title>DEV Community: Luke Ponga </title>
      <link>https://dev.to/lukeponga</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/lukeponga"/>
    <language>en</language>
    <item>
      <title>Face Avatar Generator — My Submission for the DEV x Google AI Studio Track</title>
      <dc:creator>Luke Ponga </dc:creator>
      <pubDate>Mon, 23 Feb 2026 04:26:22 +0000</pubDate>
      <link>https://dev.to/lukeponga/face-avatar-generator-my-submission-for-the-dev-x-google-ai-studio-track-k7i</link>
      <guid>https://dev.to/lukeponga/face-avatar-generator-my-submission-for-the-dev-x-google-ai-studio-track-k7i</guid>
      <description>&lt;p&gt;&lt;em&gt;This post is my submission for &lt;a href="https://dev.to/deved/build-apps-with-google-ai-studio"&gt;DEV Education Track: Build Apps with Google AI Studio&lt;/a&gt;.&lt;/em&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  What I Built
&lt;/h2&gt;

&lt;p&gt;I built &lt;strong&gt;Face Avatar Generator&lt;/strong&gt;, a lightweight browser app that transforms an uploaded face photo into a clean, stylized avatar. The app uses &lt;strong&gt;Imagen&lt;/strong&gt; inside &lt;strong&gt;Google AI Studio&lt;/strong&gt; to preserve facial identity while generating a polished, social‑media‑ready avatar.&lt;/p&gt;

&lt;p&gt;Here’s the core prompt that powers the app:&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;&lt;strong&gt;"Please create an app that takes an image of a face and generates an identical social media avatar using Imagen."&lt;/strong&gt;&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;The goal was to create a simple, fast, and fun tool that demonstrates how easily multimodal inputs and generative outputs can be combined into a single workflow.&lt;/p&gt;

&lt;h2&gt;
  
  
  Demo
&lt;/h2&gt;

&lt;p&gt;&lt;strong&gt;Live App:&lt;/strong&gt;&lt;br&gt;&lt;br&gt;
&lt;a href="https://ai.studio/apps/f70cabcc-b531-4d55-b51a-9813f3569d0d?fullscreenApplet=true" rel="noopener noreferrer"&gt;https://ai.studio/apps/f70cabcc-b531-4d55-b51a-9813f3569d0d?fullscreenApplet=true&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Source Code:&lt;/strong&gt;&lt;br&gt;&lt;br&gt;
&lt;a href="https://github.com/lukeponga-dev/Face-Avatar-Generator" rel="noopener noreferrer"&gt;https://github.com/lukeponga-dev/Face-Avatar-Generator&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Screenshots:&lt;/strong&gt;&lt;/p&gt;


  &lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fi.imgur.com%2FZpM96SU.png"&gt;
  &lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fi.imgur.com%2FJVZ2fwF.png"&gt;


&lt;p&gt;&lt;strong&gt;Video Demo:&lt;/strong&gt;&lt;br&gt;&lt;br&gt;


&lt;iframe src="https://player.vimeo.com/video/1166805856" width="710" height="399"&gt;
&lt;/iframe&gt;


&lt;/p&gt;

&lt;h2&gt;
  
  
  My Experience
&lt;/h2&gt;

&lt;p&gt;Working through the Google AI Studio track gave me a much deeper appreciation for how quickly you can turn an idea into a working AI‑powered tool. A few things stood out:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Prompt design matters more than expected.&lt;/strong&gt; Small phrasing changes dramatically affected output quality. Adding clarity and constraints made the avatar generation far more consistent.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Imagen handles identity surprisingly well.&lt;/strong&gt; It didn’t just apply a filter — it preserved facial structure while generating a stylized avatar.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;The workflow in AI Studio is incredibly smooth.&lt;/strong&gt; Being able to build, test, and deploy in one place made iteration fast and enjoyable.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Safety features are built in.&lt;/strong&gt; It was reassuring to see the platform automatically handle safety checks.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Even small projects feel complete.&lt;/strong&gt; Connecting image input → model generation → output display made the app feel polished and usable.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Overall, this track was a fun excuse to build something creative, learn more about Imagen, and ship a working tool quickly.&lt;/p&gt;

</description>
      <category>deved</category>
      <category>learngoogleaistudio</category>
      <category>ai</category>
      <category>gemini</category>
    </item>
    <item>
      <title>Avatar Profile Generator Built with Imagen — Build Your Own App</title>
      <dc:creator>Luke Ponga </dc:creator>
      <pubDate>Fri, 20 Feb 2026 21:55:46 +0000</pubDate>
      <link>https://dev.to/lukeponga/avatar-profile-generator-built-with-imagen-2m2o</link>
      <guid>https://dev.to/lukeponga/avatar-profile-generator-built-with-imagen-2m2o</guid>
      <description>&lt;p&gt;&lt;em&gt;This post is my submission for &lt;a href="https://dev.to/deved/build-apps-with-google-ai-studio"&gt;DEV Education Track: Build Apps with Google AI Studio&lt;/a&gt;.&lt;/em&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  TL;DR
&lt;/h2&gt;

&lt;p&gt;I built a lightweight &lt;strong&gt;Avatar Profile Generator&lt;/strong&gt; using &lt;strong&gt;Imagen&lt;/strong&gt; inside &lt;strong&gt;Google AI Studio&lt;/strong&gt;. Upload a face → get a clean, stylized avatar. The whole workflow runs in the browser using React + the Gemini API. Includes demo, source code, prompt, and lessons learned.&lt;/p&gt;




&lt;h2&gt;
  
  
  What I Built
&lt;/h2&gt;

&lt;p&gt;I created an &lt;strong&gt;avatar profile generator&lt;/strong&gt; that transforms a user‑uploaded face image into a clean, stylized social media avatar using &lt;strong&gt;Imagen&lt;/strong&gt;. The goal was to show how easily multimodal inputs and generative outputs can be combined inside Google AI Studio.&lt;/p&gt;

&lt;p&gt;The entire app runs in the browser using &lt;strong&gt;React&lt;/strong&gt; and the &lt;strong&gt;@google/generative‑ai&lt;/strong&gt; client, with a modular service layer that keeps the Gemini integration clean and extendable.&lt;/p&gt;




&lt;h2&gt;
  
  
  Prompt Used
&lt;/h2&gt;

&lt;p&gt;This is the exact prompt powering the avatar transformation:&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;&lt;strong&gt;"Please create an app that takes an image of a face and generates an identical social media avatar using Imagen."&lt;/strong&gt;&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;Keeping the prompt short and explicit helped the model preserve identity while applying a stylized look.&lt;/p&gt;




&lt;h2&gt;
  
  
  Demo
&lt;/h2&gt;

&lt;p&gt;&lt;strong&gt;Live Project:&lt;/strong&gt;&lt;br&gt;&lt;br&gt;
&lt;a href="https://ai.studio/apps/f70cabcc-b531-4d55-b51a-9813f3569d0d?fullscreenApplet=true" rel="noopener noreferrer"&gt;https://ai.studio/apps/f70cabcc-b531-4d55-b51a-9813f3569d0d?fullscreenApplet=true&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Source Code:&lt;/strong&gt;&lt;br&gt;&lt;br&gt;
&lt;a href="https://github.com/lukeponga-dev/Face-Avatar-Generator" rel="noopener noreferrer"&gt;https://github.com/lukeponga-dev/Face-Avatar-Generator&lt;/a&gt;&lt;/p&gt;




  &lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fi.imgur.com%2FZpM96SU.png"&gt;
  &lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fi.imgur.com%2FJVZ2fwF.png"&gt;


&lt;p&gt;

&lt;iframe src="https://player.vimeo.com/video/1166805856" width="710" height="399"&gt;
&lt;/iframe&gt;


&lt;/p&gt;




&lt;h2&gt;
  
  
  My Experience
&lt;/h2&gt;

&lt;p&gt;Working through the Google AI Studio track gave me a much deeper appreciation for how quickly you can turn an idea into a working AI‑powered tool. A few things stood out:&lt;/p&gt;

&lt;h3&gt;
  
  
  1. Prompt design is a real skill
&lt;/h3&gt;

&lt;p&gt;Small phrasing changes had a huge impact. Adding clarity, constraints, and examples dramatically improved consistency.&lt;/p&gt;

&lt;h3&gt;
  
  
  2. Imagen handles identity better than expected
&lt;/h3&gt;

&lt;p&gt;It didn’t just apply a filter — it preserved facial structure while generating a stylized avatar. It genuinely &lt;em&gt;understood&lt;/em&gt; the face.&lt;/p&gt;

&lt;h3&gt;
  
  
  3. The app‑building workflow is incredibly smooth
&lt;/h3&gt;

&lt;p&gt;Building, testing, and deploying inside AI Studio felt lightweight and fast. Preview mode made iteration effortless.&lt;/p&gt;

&lt;h3&gt;
  
  
  4. Safety and guardrails are built in
&lt;/h3&gt;

&lt;p&gt;Seeing safety checks handled automatically gave me a better understanding of responsible AI development.&lt;/p&gt;

&lt;h3&gt;
  
  
  5. Small projects can feel surprisingly complete
&lt;/h3&gt;

&lt;p&gt;Connecting image input → model generation → output display made the app feel polished and usable.&lt;/p&gt;




&lt;h2&gt;
  
  
  Support the Project
&lt;/h2&gt;

&lt;p&gt;If you found this useful, you can support the project by:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;⭐ &lt;strong&gt;Starring the GitHub repo&lt;/strong&gt;
&lt;/li&gt;
&lt;li&gt;🔁 &lt;strong&gt;Sharing the demo&lt;/strong&gt;
&lt;/li&gt;
&lt;li&gt;💬 &lt;strong&gt;Leaving a comment or question below&lt;/strong&gt;
&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;I’d love to hear what you’d build with Imagen or Gemini.&lt;/p&gt;




&lt;p&gt;Thanks to the DEV team and Google for putting this track together — it was a fun excuse to build something creative and ship it quickly.&lt;/p&gt;

</description>
      <category>deved</category>
      <category>learngoogleaistudio</category>
      <category>ai</category>
      <category>gemini</category>
    </item>
    <item>
      <title>A Pragmatic AI Portfolio Built with Gemini &amp; Cloud Run</title>
      <dc:creator>Luke Ponga </dc:creator>
      <pubDate>Sat, 31 Jan 2026 01:10:10 +0000</pubDate>
      <link>https://dev.to/lukeponga/dev-portfolio-539a</link>
      <guid>https://dev.to/lukeponga/dev-portfolio-539a</guid>
      <description>&lt;p&gt;&lt;em&gt;This is a submission for the &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;/em&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  About Me
&lt;/h2&gt;

&lt;p&gt;I’m &lt;strong&gt;Luke Ponga&lt;/strong&gt;, a software developer and IT support specialist based in Hamilton, New Zealand.&lt;/p&gt;

&lt;p&gt;My background in IT support and systems troubleshooting strongly influences how I approach AI. I build for &lt;strong&gt;real users&lt;/strong&gt;, real constraints, and real workflows—not demos or novelty experiences.&lt;/p&gt;




&lt;h2&gt;
  
  
  Portfolio
&lt;/h2&gt;


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


&lt;p&gt;🔗 &lt;strong&gt;Live Deployment:&lt;/strong&gt;&lt;br&gt;&lt;br&gt;
&lt;a href="https://portfolio-luke-706599404958.us-central1.run.app/" rel="noopener noreferrer"&gt;https://portfolio-luke-706599404958.us-central1.run.app/&lt;/a&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  AI at the Core (What Makes This Portfolio Different)
&lt;/h2&gt;

&lt;p&gt;This portfolio treats AI as a &lt;strong&gt;first‑class system&lt;/strong&gt;, not an add‑on.&lt;/p&gt;

&lt;p&gt;Instead of embedding a generic chatbot, I used &lt;strong&gt;Google Genkit and Gemini models&lt;/strong&gt; to build &lt;strong&gt;task‑specific AI flows&lt;/strong&gt; that are:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;context‑aware
&lt;/li&gt;
&lt;li&gt;grounded in real project data
&lt;/li&gt;
&lt;li&gt;constrained to professional, explainable outputs
&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;AI here acts as a &lt;strong&gt;guided assistant&lt;/strong&gt;, not a black box.&lt;/p&gt;




&lt;h2&gt;
  
  
  Key AI Features
&lt;/h2&gt;

&lt;h3&gt;
  
  
  🤖 AI Project Matcher (Interactive Portfolio Guide)
&lt;/h3&gt;

&lt;p&gt;This feature allows visitors to explore my work using &lt;strong&gt;natural‑language queries&lt;/strong&gt;, such as:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;“Show me AI projects”&lt;/li&gt;
&lt;li&gt;“What experience do you have with Gemini or Genkit?”&lt;/li&gt;
&lt;li&gt;“Which projects are most relevant for backend roles?”&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;How it works:&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Implemented as a &lt;strong&gt;Genkit flow&lt;/strong&gt; with structured context injection
&lt;/li&gt;
&lt;li&gt;Uses curated project metadata rather than free‑form generation
&lt;/li&gt;
&lt;li&gt;Responds only within known scope, reducing hallucinations
&lt;/li&gt;
&lt;li&gt;Optimised for &lt;strong&gt;fast, low‑latency responses&lt;/strong&gt; using &lt;em&gt;Gemini 1.5 Flash&lt;/em&gt;
&lt;/li&gt;
&lt;/ul&gt;




&lt;h3&gt;
  
  
  🧠 Career Architect (AI‑Assisted CV &amp;amp; Cover Letter Generator)
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;Accepts a user‑provided job description
&lt;/li&gt;
&lt;li&gt;Generates &lt;strong&gt;tailored CVs and cover letters in Markdown&lt;/strong&gt;
&lt;/li&gt;
&lt;li&gt;Enforces professional tone and structure
&lt;/li&gt;
&lt;li&gt;Powered by &lt;strong&gt;Gemini 2.0 Flash&lt;/strong&gt; via Genkit
&lt;/li&gt;
&lt;/ul&gt;




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

&lt;h3&gt;
  
  
  Architecture &amp;amp; Performance
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Next.js 16&lt;/strong&gt; (server‑first rendering)&lt;/li&gt;
&lt;li&gt;Containerised and deployed on &lt;strong&gt;Google Cloud Run&lt;/strong&gt;
&lt;/li&gt;
&lt;li&gt;Optimised for performance and SEO&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  AI Engineering
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Google Genkit&lt;/strong&gt; for deterministic AI flows&lt;/li&gt;
&lt;li&gt;Strong separation of context, prompts, and formatting&lt;/li&gt;
&lt;li&gt;Middleware to reduce hallucinations and enforce tone&lt;/li&gt;
&lt;/ul&gt;




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

&lt;p&gt;This portfolio treats AI as a &lt;strong&gt;responsible engineering tool&lt;/strong&gt;, not a novelty.&lt;br&gt;
It remains usable even &lt;strong&gt;without AI enabled&lt;/strong&gt;.&lt;/p&gt;




&lt;h2&gt;
  
  
  Technical Details
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Repository:&lt;/strong&gt; &lt;a href="https://github.com/lukeponga-dev/portfolio-luke" rel="noopener noreferrer"&gt;https://github.com/lukeponga-dev/portfolio-luke&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Language:&lt;/strong&gt; TypeScript
&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;AI Models:&lt;/strong&gt; Gemini 1.5 Flash, Gemini 2.0 Flash
&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Deployment:&lt;/strong&gt; Google Cloud Run (&lt;code&gt;dev-tutorial=devnewyear2026&lt;/code&gt;)
&lt;/li&gt;
&lt;/ul&gt;




&lt;p&gt;Thanks to &lt;strong&gt;DEV&lt;/strong&gt; and &lt;strong&gt;Google AI&lt;/strong&gt; for encouraging real‑world, responsible AI use.&lt;/p&gt;

&lt;h1&gt;
  
  
  devnewyear2026 #googleai #cloudrun #nextjs
&lt;/h1&gt;

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