Skip to content

README.md

Latest commit

 

History

History
60 lines (48 loc) · 1.94 KB

README.md

File metadata and controls

60 lines (48 loc) · 1.94 KB
Raw

🌐 Portfolio

A fully responsive, interactive, and animated portfolio website built with React + Vite, showcasing my skills, projects, and experience.
It’s packed with smooth animations, dynamic visuals, and a dash of personality, just like any good dev site should be :)

🚀 Features

  • 🎨 Responsive Design: works flawlessly across devices (mobile, tablet, desktop).
  • 🧩 Interactive Particle Background: powered by ts-particles, follows your cursor and adds that ✨ vibe.
  • 🌗 Theme Toggler: switch between light and dark modes effortlessly.
  • 🌀 Smooth Animations: crafted using GSAP and Framer Motion for fluid transitions.
  • 🦴 Skeleton Loader Animation: sleek loading screen before content renders.
  • 📊 Google Analytics 4 (GA4): integrated for visitor insights.

    ⚠️ Note: May show console warnings if your browser has tracking prevention enabled.

  • 📜 Resume Section: instantly view or download my resume.
  • 💡 Skills & Projects: organized showcase of my technical stack and works.
  • 📬 Contact Form: powered by EmailJS for direct messages without exposing email.

🛠️ Tech Stack

Frontend:

  • React + Vite
  • TypeScript
  • Tailwind CSS

Libraries & Tools:

  • Framer Motion
  • GSAP
  • ts-particles
  • EmailJS
  • Google Analytics 4

⚙️ Setup Instructions

🧩 Install Dependencies

npm install

💻 Run the Dev Server

npm run dev

🏗️ Build for Production

npm run build

🧠 Notes

  • 🧾 Integrated Google Analytics 4 (GA4) and Vercel Web Analytics for tracking user engagement.
  • ⚠️ GA4 may show console warnings if tracking is blocked by your browser, totally normal.
  • ⏳ The skeleton loader might slightly increase LCP, but it keeps the loading experience smooth and elegant.

⭐ Don’t forget to star this repo if you like the vibe!