Welcome to my Interactive 3D Portfolio! This project showcases a collection of my work through a fully immersive 3D environment built with modern web technologies.

Features

• Interactive 3D Models: Explore detailed 3D scenes with dynamic lighting and animations.
• Responsive Design: Seamlessly adapts to any screen size, providing a great experience on all devices.
• Custom Music Player: Enjoy a serene background score while navigating through the portfolio.
• Engaging Animations: Smooth and captivating animations that bring the environment to life.

Technologies Used

• React & React Three Fiber: For building and rendering the interactive 3D elements.
• Three.js: Powering the 3D graphics and animations.
• Tailwind CSS: For styling the user interface with modern and responsive design.
• Vite: Ensuring a fast and efficient development experience.
• @react-three/drei: Providing useful helpers for React Three Fiber.
• JavaScript (ES6+): Leveraging modern JavaScript features and syntax.

Getting Started

To run this project locally, follow these steps:

1. Clone the repository:

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

2. Install dependencies:

   npm install

3. Start the development server:

   npm run dev

4. Open your browser and navigate to localhost:3000.

Screenshots

Home Page

About Page

Project Page