DEV Community

Cover image for This Portfolio Scrolls Different (And That’s Intentional)
Dhanalakshmi.d.gowda23
Dhanalakshmi.d.gowda23

Posted on

This Portfolio Scrolls Different (And That’s Intentional)

This is a submission for the New Year, New You Portfolio Challenge presented by Google AI
https://dev.to/challenges/new-year-new-you-google-ai-2025-12-31

About Me
Hi, I’m Dhanalakshmi D, a passionate frontend-focused developer who loves building interactive, animation-driven web experiences.

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.
My goal was clear, I just wanted to make my portfolio feel like an experience, not a webpage.

Portfolio
Below is my live, fully deployed portfolio, embedded directly into this post.
It is:
->Live & functional
->Production-ready
->Responsive
->Deployed on Firebase
URL:- (https://laksh-portfolio-484114.web.app)
--labels dev-tutorial=devnewyear2026

How I Built It

Tech Stack:

  1. React + Vite – fast, modern frontend
  2. Tailwind CSS – clean, scalable styling
  3. GSAP + ScrollTrigger – smooth, cinematic animations
  4. Locomotive Scroll–style interactions – fluid scrolling experience
  5. Firebase Hosting – fast global deployment

Design Approach:

  1. Dark-themed, minimal UI to keep focus on content
  2. Motion-first design inspired by modern creative studios
  3. Sections flow naturally using scroll-based animations
  4. Clean typography and intentional spacing

Google AI:

  1. Used Gemini during the early ideation phase to brainstorm layout structures, section flow, and overall portfolio narrative.
  2. Leveraged Gemini to refine copy for the hero section, project descriptions, and “About Me” content, making it clearer and more concise.
  3. Used Antigravity (agent-first AI IDE) while building components to:
    • Generate and refactor React components
    • Explore alternate implementations for animations and layout logic
    • Debug issues faster during development
  4. Experimented with AI Studio / Gemini CLI to test small code snippets, validate ideas, and speed up iteration.
  5. Relied on Google AI tools to reduce repetitive work, allowing me to focus more on UX decisions, motion design, and performance optimization.
  6. Treated AI as a development assistant, not a shortcut — using it to support thinking, iteration, and polish rather than auto-generating the entire project.

What I’m Most Proud Of

  1. Smooth scroll-based animations that feel premium and intentional
  2. Motion-driven storytelling instead of static sections
  3. Performance-optimized build despite heavy animations
  4. End-to-end deployment — from local dev to live production
  5. Rebuilding my personal brand with clarity and confidence

Most importantly, this portfolio reflects growth — not just in skills, but in how I present myself as a developer.

Final Thoughts

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

devchallenge #googleaichallenge #portfolio #gemini

Top comments (0)