3D Portfolio 🌟

An immersive 3D portfolio website built with React Three Fiber, showcasing projects, skills, and experience in an interactive 3D environment.

✨ Features

• 🚀 Interactive 3D environment with smooth animations
• 🎨 Modern UI built with React and Tailwind CSS
• 📱 Fully responsive design for all screen sizes
• ⚡ Optimized performance with Vite
• ✉️ Contact form with EmailJS integration
• 🌟 Showcase of 3D models and projects

🛠️ Technologies Used

• Frontend: React, React Three Fiber, Three.js
• Styling: Tailwind CSS
• Animations: GSAP, Framer Motion
• 3D Models: Custom GLB models
• Form Handling: EmailJS
• Build Tool: Vite

🚀 Getting Started

Prerequisites

• Node.js (v16 or higher)
• npm or yarn

Installation

1. Clone the repository:

   git clone https://github.com/yourusername/3d-portfolio.git
   cd 3d-portfolio

2. Install dependencies:

   npm install
   # or
   yarn

3. Start the development server:

   npm run dev
   # or
   yarn dev

4. Open http://localhost:5173 to view it in your browser.

🏗️ Project Structure

src/
├── components/    # Reusable components
├── constants/    # Constants and configurations
├── sections/     # Page sections
│   ├── Hero.jsx
│   ├── TechStack.jsx
│   ├── Experience.jsx
│   ├── Projects.jsx
│   └── Contact.jsx
├── App.jsx       # Main App component
└── main.jsx      # Entry point

📝 Customization

• Update your personal information in the respective component files
• Replace 3D models in the public/models directory
• Modify colors and styles in the Tailwind configuration
• Update project details in the constants directory

📄 License

This project is licensed under the MIT License - see the LICENSE file for details.

🙏 Acknowledgments

• Three.js for the amazing 3D library
• React Three Fiber for React integration
• Drei for useful Three.js helpers
• GSAP for smooth animations

🌟 Show Your Support

Give a ⭐️ if this project helped you!

---

Built with ❤️ by PavanKumar