🌐 3D Portfolio Website

A visually engaging 3D portfolio website built using Three.js, showcasing my projects, skills, and professional background with an interactive and immersive user experience.

🚀 Live Demo

👉 View Live Site

🛠 Tech Stack

• Three.js – 3D rendering and animations
• React.js – Frontend library for building UI
• Tailwind CSS – Utility-first CSS for styling
• Vite – Lightning-fast development and build tool
• Gsap – Smooth animations
• GLTF – Efficient 3D model formats
• React Three Fiber – React renderer for Three.js

📸 Features

• 🌌 Fully interactive 3D environment
• 🧑‍💻 Project showcase with links to live demos
• 🖼️ Smooth transitions and animations
• 📱 Responsive design for all devices
• 🎮 Real-time camera controls and object interaction

📁 Folder Structure

root/
├── public/                # Static assets (models, textures)
│   ├── assets/            # 3D assets (GLB, images)
│   ├── models/            # 3D models (GLTF/GLB)
│   └── textures/          # Textures for models
├── src/
│   ├── components/        # React components
│   ├── constants/         # Project and tech data
│   ├── sections/          # Main sections (About, Projects, Contact)
│   ├── App.jsx            # Root component
│   └── main.jsx           # Entry point
├── tailwind.config.js     # Tailwind CSS config
├── vite.config.js         # Vite config
└── README.md

📦 Installation & Setup

# Clone the repository
git clone https://github.com/JeetDas5/My-3d-portfolio
cd My-3d-portfolio

# Install dependencies
npm install

# Run the development server
npm run dev

📤 Deployment

This project is deployed on Vercel.

🙋‍♂️ Author

Jeet Das

• 💼 Portfolio
• 🐙 GitHub
• 📧 Email: jeet15083011@gmail.com