3D Portfolio Site

Welcome to the 3D Portfolio Site, a personal portfolio website showcasing your work and skills in a visually appealing 3D environment.

Table of Contents

• About
• Features
• Getting Started
• Usage
• Technologies Used
• Contributing
• License

About

The 3D Portfolio Site is a unique personal portfolio website that presents your projects and skills in an immersive 3D environment. It utilizes web technologies to create a visually engaging experience for visitors.

Features

• Immersive 3D environment
• Smooth scrolling between sections
• Interactive project displays
• Contact form for communication
• Responsive design for various devices

Getting Started

Follow these steps to set up the project on your local machine:

1. Clone the repository:

   git clone https://github.com/WhatIsThisVJ/3D_Portfolio_Site.git
   

2. Navigate to the project directory:

   cd 3D_Portfolio_Site
   

3. Install the required dependencies:

   npm install 
   

4. Start the development server:

   npm run dev
   

5. Open your browser and go to http://localhost:5173 to see the project in action.

Usage

1. Customize the content in each section of the website. You can find the sections in the respective components (Hero.js, Who.js, Works.js, Contact.js).

2. Update the images and details of your projects in the Works section.

3. Update the contact form settings in the Contact section to connect to your email service provider.

Technologies Used

• React.js
• styled-components
• WebGL (for 3D visuals)
  • glTF Pipeline
  • gltfjsx

Contributing

Contributions are welcome! If you'd like to contribute to this project, feel free to fork the repository, create a new branch, make your changes, and submit a pull request.

Please ensure that your code follows the existing coding style and conventions.

License

This project is licensed under the MIT License.