Purvansh – Creative Developer Portfolio

A high-performance, visually stunning portfolio showcasing modern web development expertise. Built with React and powered by cutting-edge animations, 3D graphics, and glassmorphic design.

👨‍💻 About Me

I'm a pre-final year Computer Science student specializing in AI & Machine Learning. I blend technology with creativity to build immersive digital experiences—from interactive 3D web apps to fluid, animation-driven interfaces.

🛠 Tech Stack

Frontend

Technology	Expertise
React / Next.js	Component architecture, hooks, SSR/SSG
TypeScript	Type-safe development
Tailwind CSS	Utility-first styling, custom design systems
Framer Motion	Complex animations, gestures, scroll-linked effects
GSAP	Timeline animations, ScrollTrigger, morphing

3D & Visual

Technology	Expertise
Three.js	3D scenes, custom geometries, shaders
React Three Fiber	Declarative 3D in React
Spline	Interactive 3D design
WebGL	GPU-accelerated graphics

Design

Skill	Application
Glassmorphism	Frosted glass UI with depth
Dark Themes	Elegant, eye-friendly interfaces
Micro-animations	Delightful user interactions
Responsive Design	Mobile-first, fluid layouts

🚀 What I Build

• Premium Landing Pages – Conversion-focused, visually stunning first impressions
• Interactive 3D Experiences – Floating models, animated scenes, immersive backgrounds
• Modern Web Applications – Clean architecture, smooth performance, scalable code
• Creative Portfolios – Unique designs that stand out and tell a story
• Animation-Rich Interfaces – Scroll-triggered effects, hover states, micro-interactions

✨ Portfolio Features

• 🎨 Cyber-glass UI – Glassmorphism with subtle gradients and glows
• 🖱 Custom Cursor – Animated cursor with fluid smoke trail effect
• 🎬 3D Background – Interactive Spline scene
• 📜 Scroll Carousel – Horizontal project showcase with smooth physics
• 🔥 Hover Pop-outs – Cards that lift and glow on interaction
• ⚡ Optimized Performance – Hardware-accelerated animations, lazy loading

🏃‍♂️ Quick Start

# Install dependencies
npm install

# Start development server
npm start

# Build for production
npm run build

📁 Structure

src/
├── components/          # UI components
│   ├── ui/              # Reusable UI elements
│   ├── Navbar.js        # Navigation
│   ├── HomeBanner.js    # Hero section
│   ├── AboutMe.js       # About section
│   ├── SkillCard.js     # Skills grid
│   └── ContactForm.js   # Contact form
├── images/              # Project screenshots
└── index.css            # Global styles & CSS variables

🌐 Deployment

Optimized for Vercel deployment with automatic CI/CD.

📬 Connect

• Portfolio: Live Site
• GitHub: @purvanshh
• LinkedIn: Purvansh

---

Built with passion for design and code. ✨