_{Dev-Chandan404 / 3d-portfolio}

🌌 3D Portfolio — Chandan Kumar 🌌

Drag the Planet. Scroll the Cosmos. Feel the Depth.

Step into the 3D Universe — Interactive Planet. Immersive Cosmos.

---

✨ About the Project

A breathtaking 3D personal portfolio built to stand out from every flat, scrolly site on the internet. Featuring a real-time orbiting planet you can drag with your mouse, scroll-driven cosmic animations, and a futuristic glassmorphic UI — all powered by Three.js and GSAP.

This isn't just a portfolio. It's a dimension.

---

🎯 Key Features

	Feature	Description
🌍	Interactive 3D Planet	Drag to orbit, scroll to explore — powered by a custom .glb model
🌀	Depth & Parallax	Full 3D scene with dynamic lighting, camera movement & floating elements
⚡	Cosmic Smoothness	Lenis + GSAP deliver buttery scroll through space
🎨	Neon Glassmorphism	Futuristic UI panels floating in the cosmic void
📱	Responsive Across Dimensions	Flawless from mobile screens to ultra-wide monitors
🚀	Vite-Powered Hyperspeed	Instant HMR and optimized production builds

---

🛠️ Built With

React	Three.js	R3F	Tailwind	GSAP	Lenis	Vite

---

📂 Portfolio Sections

Section	Description
🌌 Hero	Full-screen 3D planet scene with interactive mouse-drag orbit
👨‍💻 About	Who I am, what drives me, and the story behind the code
🚀 Projects	A curated showcase of my best work and case studies
🛠️ Skills	Technologies I work with, visualized in the 3D space
📬 Contact	Reach out, collaborate, and connect

---

🚀 Getting Started

# Clone the 3D universe
git clone https://github.com/Dev-Chandan404/3d-portfolio.git
cd 3d-portfolio

# Install dependencies
npm install

# Launch dev server → http://localhost:5173
npm run dev

# Build for production
npm run build

---

📁 Project Structure

3d-portfolio/
├── 📂 public/                  # Static assets (images, textures)
├── 📄 Planet.jsx               # Interactive 3D planet component
├── 📄 Planet-transformed.glb   # Custom 3D planet model
├── 📂 src/
│   ├── 📂 components/          # Reusable UI components
│   ├── 📂 pages/               # Page-level components
│   ├── index.css               # Global styles
│   └── main.jsx                # App entry point
├── index.html
├── tailwind.config.js
├── vite.config.js
└── package.json

---

📄 License

Distributed under the MIT License. See LICENSE for more information.

✨ Let's Connect ✨

⭐ If the cosmos moved you, drop a star! ⭐

Made with ❤️ and Three.js by Chandan Kumar