3D Portfolio

This project is a 3D portfolio website built with React and Vite. It showcases various 3D models and animations using the @react-three/fiber and @react-three/drei libraries. The website is designed to be responsive and includes interactive elements.

Technologies Used

• React: A JavaScript library for building user interfaces.
• Vite: A fast build tool and development server.
• Three.js: A 3D library that makes WebGL simpler.
• @react-three/fiber: A React renderer for Three.js.
• @react-three/drei: Useful helpers for @react-three/fiber.
• GSAP: A JavaScript library for creating animations.
• Leva: A GUI for tweaking React state.
• Tailwind CSS: A utility-first CSS framework.

Features

• 3D Models and Animations: Interactive 3D models and animations.
• Responsive Design: Adapts to different screen sizes.
• Interactive Elements: Includes buttons and navigation links.
• Customizable Controls: Use Leva to tweak 3D model positions, rotations, and scales.

Installation

To get started with the project, clone the repository and install the dependencies:

git clone https://github.com/your-username/3d-portfolio.git
cd 3d-portfolio
npm install

Usage

To run the project locally, use the following command:

npm run dev 

This will start the development server and you can view the website at http://localhost:3000. To build the project for production, use the following command: To preview the production build, use the following command:

License

This project is licensed under the MIT License.