DEV Community

Cover image for portfolio
سفيان احمد
سفيان احمد

Posted on

portfolio

Education Track: Build Apps with Google AI Studio

My New Portfolio – Built in One Weekend with Google AI Studio ✨

Live Demo: https://portfolio-react-2025-64ir.vercel.app/

What I Built

A clean, fast, fully responsive developer portfolio built with React + Vite + Tailwind CSS.

Features I’m really proud of:

  • Smooth scroll & animated section reveals
  • Dark/light mode toggle (saved in localStorage)
  • Animated skill bars & typing effect in the hero
  • Projects grid with live preview hover cards
  • Working contact form (Formspree)
  • Fully mobile-friendly

My Experience

I’ve been putting off rebuilding my portfolio for months… until I tried Google AI Studio this weekend.

In less than 48 hours (seriously), I went from zero to a complete, deployed, professional-looking portfolio.

I just described what I wanted in normal sentences, and Gemini wrote perfect, production-ready React code — component by component. Every time I said “make it smoother” or “add this small animation”, it delivered instantly.

I’m not exaggerating when I say this is the most impressive tool I’ve ever used as a developer. It didn’t just save time — it made the entire process actually fun.

Thank you DEV.to and Google for this track. I finally have a portfolio I’m excited to share!

Live link again: https://portfolio-react-2025-64ir.vercel.app/

GoogleAIStudio #DEVCommunity #ReactJS #WebDev #Portfolio

Top comments (0)