Portfolio — Animated React + Vite

A god-tier animated personal portfolio built with React, Vite, and Framer Motion.

✨ Features

• Animated aurora background + grid overlay
• Custom glowing cursor (dot + easing ring, grows on hover)
• Magnetic buttons & icons that lean toward your mouse
• Scroll-aware navbar with active-section highlighting + scroll progress bar
• Hero with typewriter roles, 3D mouse-tilt orbit, floating tech chips, animated stat counters
• About, Skills (animated bars + tag clouds), Experience timeline, Projects grid, Contact form, Footer
• Fully responsive + respects prefers-reduced-motion

🛠 Sections

Navbar · Hero · About · Skills · Experience · Projects · Contact · Footer

🚀 Getting started

Node.js is required and was not installed when this project was created. Install the LTS from https://nodejs.org, then reopen your terminal.

npm install      # install dependencies (run once)
npm run dev      # start dev server with hot reload

Open the URL Vite prints (usually http://localhost:5173).

npm run build    # production build into dist/
npm run preview  # preview the production build

✏️ Make it yours

Almost all content lives in one place: src/data/content.js. Edit your name, roles, tagline, socials, stats, skills, experience, and projects there.

📁 Structure

src/
├── App.jsx                # composes everything
├── data/content.js        # ← edit your info here
├── lib/motion.js          # shared animation variants
├── components/            # Navbar, Footer, Cursor, Magnetic, Counter, Typewriter, Icons, ScrollTop
└── sections/              # Hero, About, Skills, Experience, Projects, Contact