🧠 Harsh Yadav — Developer Portfolio

A futuristic, AI-themed personal portfolio built with React, Vite, Tailwind CSS & Framer Motion.

🌐 Live Demo · 📬 Contact · 💼 LinkedIn

---

✨ Preview

Dark futuristic theme · Holographic AI orb avatar · Smooth animations · Fully responsive

---

🚀 Features

• Holographic AI Orb Avatar — Custom-built with CSS gradients, conic spin rings, SVG circuit arcs, floating tech badges, and mouse parallax tilt
• Framer Motion Animations — Page-load stagger, floating effects, glow pulses, scale breathe, and scroll transitions
• Typing Effect — Multi-line animated typewriter for the tagline
• Glassmorphism UI — Frosted glass cards, buttons, and badge components
• Particle Background — Ambient floating particles across the hero section
• Cursor Glow — Premium dual-layer cursor trail (large spring orb + precise dot)
• Scroll Progress Bar — Animated top progress indicator
• Fully Responsive — Mobile-first grid layout across all screen sizes
• Dark Futuristic Theme — Deep navy background with cyan, purple, and blue accent palette

---

🛠️ Tech Stack

Category	Technology
Framework	React 18
Build Tool	Vite
Styling	Tailwind CSS
Animations	Framer Motion
Icons	Emoji + Custom SVG
Deployment	Vercel / Netlify

---

📁 Project Structure

portfolio/
├── public/
│   └── resume.pdf
├── src/
│   ├── assets/
│   └── components/
│       ├── About.jsx
│       ├── Avatar.jsx           ← Holographic AI Orb
│       ├── Contact.jsx
│       ├── CursorGlow.jsx       ← Custom cursor trail
│       ├── Education.jsx
│       ├── Experience.jsx
│       ├── Footer.jsx
│       ├── Hero.jsx             ← Landing section
│       ├── Loading.jsx
│       ├── Navbar.jsx
│       ├── ParticleBackground.jsx
│       ├── Projects.jsx
│       ├── ScrollProgress.jsx
│       └── Skills.jsx
├── index.html
├── package.json
├── tailwind.config.js
└── vite.config.js

---

⚙️ Getting Started

Prerequisites

• Node.js v18+
• npm or yarn

Installation

# 1. Clone the repository
git clone https://github.com/harsh-0905/portfolio.git

# 2. Navigate to the project
cd portfolio

# 3. Install dependencies
npm install

# 4. Start the development server
npm run dev

Open http://localhost:5173 in your browser.

Build for Production

npm run build

---

🎨 Sections

Section	Description
Hero	Name, title, typing tagline, CTA buttons, holographic avatar
About	Brief intro and personal background
Skills	Tech stack with animated skill cards
Projects	Featured projects with live/GitHub links
Experience	Work and internship timeline
Education	Academic background
Contact	Email form + social links

---

🌐 Deployment

This project is ready to deploy on Vercel or Netlify.

Deploy on Vercel (recommended)

npm install -g vercel
vercel

Or connect your GitHub repo directly at vercel.com.

Note: Place your resume.pdf inside the /public folder so the download button works correctly.

---

📬 Contact

Harsh Yadav

• 📧 Email: harshyad95@gmail.com
• 💼 LinkedIn: harshyadav95-dev
• 🐙 GitHub: harsh-0905

---

📄 License

This project is open source and available under the MIT License.

---

Made with ❤️ by Harsh Yadav