<?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>Forem: adhd.dev</title>
    <description>The latest articles on Forem by adhd.dev (@byadhddev).</description>
    <link>https://forem.com/byadhddev</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%2F3242492%2Fdf43237b-0310-4e29-b819-8e9a7e3c14db.jpg</url>
      <title>Forem: adhd.dev</title>
      <link>https://forem.com/byadhddev</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://forem.com/feed/byadhddev"/>
    <language>en</language>
    <item>
      <title>I Turned My Insecurities into Art with Google AI (And Built This)</title>
      <dc:creator>adhd.dev</dc:creator>
      <pubDate>Tue, 20 Jan 2026 04:03:07 +0000</pubDate>
      <link>https://forem.com/byadhddev/i-turned-my-insecurities-into-art-with-google-ai-and-built-this-33h6</link>
      <guid>https://forem.com/byadhddev/i-turned-my-insecurities-into-art-with-google-ai-and-built-this-33h6</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 have always felt that I perceive the world differently. To me, the web often feels static and "unlively." I always try to infuse a persona and unique touch that brings a human feel. I wanted to change that. I wanted to breathe genuine life into the user interface.&lt;/p&gt;

&lt;p&gt;My brain is beautiful and full of ideas, but it's often noisy and loses track of the context. I needed a way to articulate my vision without getting lost in the chaos.&lt;/p&gt;

&lt;p&gt;The portfolio below is built for experience. Every interaction matters. For example, hover over the banner corners to control the waves and toggle the theme manually.&lt;/p&gt;

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

&lt;p&gt;

&lt;/p&gt;
&lt;div class="ltag__cloud-run"&gt;
  &lt;iframe height="600px" src="https://byadhd-dev-677283919032.europe-west1.run.app"&gt;
  &lt;/iframe&gt;
&lt;/div&gt;




&lt;p&gt;(&lt;em&gt;Note: The embed below may limit features due to screen size. For the full-fledged, immersive experience, please visit directly:&lt;/em&gt; &lt;a href="https://byadhd-dev-677283919032.europe-west1.run.app" rel="noopener noreferrer"&gt;byadhd-dev&lt;/a&gt;)&lt;/p&gt;

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

&lt;h3&gt;
  
  
  The Journey &amp;amp; Approach
&lt;/h3&gt;

&lt;p&gt;This project wasn't just about building a portfolio; it was the realization of &lt;strong&gt;Artode&lt;/strong&gt;: the fusion of Art + Code. In a 15-day journey of "vibe coding" alongside my full-time job, I built complex scenes, a custom icons &lt;a href="https://artode.byadhd.dev" rel="noopener noreferrer"&gt;package&lt;/a&gt;, and this entire portfolio to bring that vision to life.&lt;/p&gt;

&lt;h3&gt;
  
  
  Finding Focus with AI
&lt;/h3&gt;

&lt;p&gt;I used to think AI was just for generating boilerplate, but with the &lt;strong&gt;Google AI ecosystem&lt;/strong&gt;, I found a workflow that actually kept up with my brain.&lt;/p&gt;

&lt;p&gt;The creative process started in &lt;strong&gt;Google AI Studio&lt;/strong&gt;. I used it to design the complex themes and living scenes for the banner, iterating until the "feel" was perfect. Once I had the concept, I could instantly push the code to &lt;strong&gt;GitHub&lt;/strong&gt; directly from the studio, a feature that made moving from "idea" to "local environment" seamless.&lt;/p&gt;

&lt;p&gt;From there, I switched to &lt;strong&gt;Antigravity&lt;/strong&gt; to build the Next.js application. It became my engine. I relied on &lt;strong&gt;Gemini 3 Pro &amp;amp; Flash&lt;/strong&gt; models for 95% of the development (only stopping when I hit rate limits!). Whether it was ideating a new particle effect or implementing complex logic, the models were surprisingly good at understanding the &lt;em&gt;vibe&lt;/em&gt; I was going for, not just the code syntax.&lt;/p&gt;

&lt;p&gt;I realized that &lt;strong&gt;you just need a beautiful brain and proper articulation, and everything falls into place.&lt;/strong&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  Bringing Code to Life
&lt;/h3&gt;

&lt;p&gt;My approach was to reject mediocrity. I didn't want a static banner; I wanted a living scene.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;I iterated with &lt;strong&gt;Gemini&lt;/strong&gt; until I had a sun and wave system that wasn't just an animation, but a functional theme-switcher that mimics nature.&lt;/li&gt;
&lt;li&gt;I built my own &lt;a href="https://artode.byadhd.dev" rel="noopener noreferrer"&gt;&lt;code&gt;artode-icons&lt;/code&gt;&lt;/a&gt; package because standard icons felt too rigid for the story I wanted to tell.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;The entire development process was accessible and fluid. It felt less like coding and more like painting with logic, powered by a toolstack that finally spoke my language.&lt;/p&gt;

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

&lt;p&gt;I didn't just build sections; I built experiences that reflect my feelings and overcome my own insecurities.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;  &lt;strong&gt;A "No Guilt" Experience&lt;/strong&gt;: Standard GitHub contribution graphs can feel judgmental. I built a "no guilt" graph that prioritizes aesthetics over activity streaks. It’s about the art of contribution, not the pressure.&lt;/li&gt;
&lt;li&gt;  &lt;strong&gt;Gamifying My Insecurities&lt;/strong&gt;: I felt a bit guilty about having few endorsements. Instead of letting that stop me, I gamified the section. Two spheres interact with your cursor, and the content changes on collision. It turns a potential weakness into a playful, engaging moment that calms my overthinking.&lt;/li&gt;
&lt;li&gt;  &lt;strong&gt;Life in Posters&lt;/strong&gt;: I have a hobby of documenting my life through posters. It’s a tactile way to "touch" my memories completely creating a unique sense of interactions especially on mobile.&lt;/li&gt;
&lt;li&gt;  &lt;strong&gt;Story-Based Scroll&lt;/strong&gt;: It is a story-based experience that doesn't just list points. As you scroll, the text snaps to focus, allowing me to speak my feelings directly to you in a curated, personal narrative.&lt;/li&gt;
&lt;li&gt;  &lt;strong&gt;Particle Engagement&lt;/strong&gt;: From the "Leave a note" section where text disperses into particles, to the projects canvas that morphs on hover. Every element is designed to keep the user playing, exploring, and engaging.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;This portfolio is the result of letting go of fear and using the tools that let my mind work at its best. It is built to be &lt;em&gt;experienced&lt;/em&gt;, not just shown.&lt;/p&gt;

&lt;p&gt;Now, it is on us to end the mediocrity.&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%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fogzina7t495ghz2dogvv.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%2Fogzina7t495ghz2dogvv.png" alt="byadhd.dev portfolio"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;I would love to hear your thoughts.. is this the kind of portfolio that inspires you? If you enjoyed this journey, I'd be happy if you followed my work on &lt;a href="https://x.com/byadhddev" rel="noopener noreferrer"&gt;X (Twitter)&lt;/a&gt;.&lt;/p&gt;




&lt;p&gt;&lt;em&gt;Special thanks to the DEV Community and the Google Team for organizing these amazing challenges. And a huge thank you to Google for making powerful AI tools affordable and accessible to builders like me.&lt;/em&gt;&lt;/p&gt;

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