<?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: Dhanalakshmi.d.gowda23</title>
    <description>The latest articles on DEV Community by Dhanalakshmi.d.gowda23 (@dhanalakshmidgowda23_bf).</description>
    <link>https://dev.to/dhanalakshmidgowda23_bf</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%2F3690038%2Fd42c1ba8-abd8-4b9c-ba61-91aced2fbd1d.png</url>
      <title>DEV Community: Dhanalakshmi.d.gowda23</title>
      <link>https://dev.to/dhanalakshmidgowda23_bf</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/dhanalakshmidgowda23_bf"/>
    <language>en</language>
    <item>
      <title>This Portfolio Scrolls Different (And That’s Intentional)</title>
      <dc:creator>Dhanalakshmi.d.gowda23</dc:creator>
      <pubDate>Mon, 12 Jan 2026 16:14:23 +0000</pubDate>
      <link>https://dev.to/dhanalakshmidgowda23_bf/this-portfolio-scrolls-different-and-thats-intentional-2j54</link>
      <guid>https://dev.to/dhanalakshmidgowda23_bf/this-portfolio-scrolls-different-and-thats-intentional-2j54</guid>
      <description>&lt;p&gt;This is a submission for the New Year, New You Portfolio Challenge presented by Google AI&lt;br&gt;
&lt;a href="https://dev.to/challenges/new-year-new-you-google-ai-2025-12-31"&gt;https://dev.to/challenges/new-year-new-you-google-ai-2025-12-31&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;u&gt;&lt;strong&gt;About Me&lt;/strong&gt;&lt;/u&gt;&lt;br&gt;
Hi, I’m Dhanalakshmi D, a passionate frontend-focused developer who loves building interactive, animation-driven web experiences.&lt;/p&gt;

&lt;p&gt;This portfolio represents my “New Year, New You” reset — a complete rebuild of how I present myself online. Instead of a static resume, I wanted a living, immersive portfolio that reflects how I think, design, and engineer interfaces.&lt;br&gt;
My goal was clear, I just wanted to make my portfolio feel like an experience, not a webpage.&lt;/p&gt;

&lt;p&gt;&lt;u&gt;&lt;strong&gt;Portfolio&lt;/strong&gt;&lt;/u&gt;&lt;br&gt;
Below is my live, fully deployed portfolio, embedded directly into this post.&lt;br&gt;
It is:&lt;br&gt;
-&amp;gt;Live &amp;amp; functional&lt;br&gt;
-&amp;gt;Production-ready&lt;br&gt;
-&amp;gt;Responsive&lt;br&gt;
-&amp;gt;Deployed on Firebase&lt;br&gt;
URL:- (&lt;a href="https://laksh-portfolio-484114.web.app" rel="noopener noreferrer"&gt;https://laksh-portfolio-484114.web.app&lt;/a&gt;)&lt;br&gt;
--labels dev-tutorial=devnewyear2026&lt;/p&gt;

&lt;p&gt;&lt;u&gt;&lt;strong&gt;How I Built It&lt;/strong&gt;&lt;/u&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Tech Stack:&lt;/strong&gt;&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;React + Vite – fast, modern frontend&lt;/li&gt;
&lt;li&gt;Tailwind CSS – clean, scalable styling&lt;/li&gt;
&lt;li&gt;GSAP + ScrollTrigger – smooth, cinematic animations&lt;/li&gt;
&lt;li&gt;Locomotive Scroll–style interactions – fluid scrolling experience&lt;/li&gt;
&lt;li&gt;Firebase Hosting – fast global deployment&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;&lt;strong&gt;Design Approach:&lt;/strong&gt;&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Dark-themed, minimal UI to keep focus on content&lt;/li&gt;
&lt;li&gt;Motion-first design inspired by modern creative studios&lt;/li&gt;
&lt;li&gt;Sections flow naturally using scroll-based animations&lt;/li&gt;
&lt;li&gt;Clean typography and intentional spacing&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;&lt;strong&gt;Google AI:&lt;/strong&gt;&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Used Gemini during the early ideation phase to brainstorm layout structures, section flow, and overall portfolio narrative.&lt;/li&gt;
&lt;li&gt;Leveraged Gemini to refine copy for the hero section, project descriptions, and “About Me” content, making it clearer and more concise.&lt;/li&gt;
&lt;li&gt;Used Antigravity (agent-first AI IDE) while building components to:

&lt;ul&gt;
&lt;li&gt;Generate and refactor React components&lt;/li&gt;
&lt;li&gt;Explore alternate implementations for animations and layout                  logic&lt;/li&gt;
&lt;li&gt;Debug issues faster during development&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;Experimented with AI Studio / Gemini CLI to test small code snippets, validate ideas, and speed up iteration.&lt;/li&gt;
&lt;li&gt;Relied on Google AI tools to reduce repetitive work, allowing me to focus more on UX decisions, motion design, and performance optimization.&lt;/li&gt;
&lt;li&gt;Treated AI as a development assistant, not a shortcut — using it to support thinking, iteration, and polish rather than auto-generating the entire project.&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;&lt;u&gt;&lt;strong&gt;What I’m Most Proud Of&lt;/strong&gt;&lt;/u&gt;&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Smooth scroll-based animations that feel premium and intentional&lt;/li&gt;
&lt;li&gt;Motion-driven storytelling instead of static sections&lt;/li&gt;
&lt;li&gt;Performance-optimized build despite heavy animations&lt;/li&gt;
&lt;li&gt;End-to-end deployment — from local dev to live production&lt;/li&gt;
&lt;li&gt;Rebuilding my personal brand with clarity and confidence&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;Most importantly, this portfolio reflects growth — not just in skills, but in how I present myself as a developer.&lt;/p&gt;

&lt;p&gt;&lt;u&gt;&lt;strong&gt;Final Thoughts&lt;/strong&gt;&lt;/u&gt;&lt;/p&gt;

&lt;p&gt;This challenge pushed me to stop procrastinating and finally ship a portfolio I’m proud of.&lt;br&gt;
It’s not “perfect” — but it’s real, live, and evolving.&lt;br&gt;
Thanks to Google AI and the Dev community for creating a challenge that motivates builders to actually build.&lt;br&gt;
Happy New Year &amp;amp; happy shipping:-)&lt;/p&gt;

&lt;h1&gt;
  
  
  devchallenge #googleaichallenge #portfolio #gemini
&lt;/h1&gt;

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