3D Portfolio Website

Explore the interactive 3D space that showcases my projects and skills. Built with the power of Three.js and React.js.

🚀 View Demo

About The Project

This 3D Portfolio Website is a creative approach to showcasing a portfolio in an interactive 3D environment. It uses Three.js and React Three Fiber to render a dynamic and immersive experience, allowing visitors to explore projects and skills in a way that's engaging and memorable.

Features

• Interactive 3D Experience: Navigate through the portfolio in a 3D space, making the exploration of projects both fun and immersive.
• Responsive Design: Crafted with TailwindCSS for a responsive layout that ensures a great viewing experience on all device sizes.
• Smooth Animations: Utilizing Framer Motion for smooth and appealing transitions and animations throughout the website.

Tech Stack

• Three.js: A powerful 3D library that brings content to life in the browser.
• React Three Fiber: A React renderer for Three.js, enabling the use of React's declarative style to build 3D scenes.
• TailwindCSS: A utility-first CSS framework for rapidly building custom designs.
• Framer Motion: A library for React that makes creating realistic animations and transitions easy and powerful.

Getting Started

To get a local copy up and running, follow these simple steps:

Prerequisites

• npm

npm install npm@latest -g

Installation

1. Clone the repo

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

2. Install NPM packages

npm install

3. Start the project

npm start

Contributing

Contributions are what make the open-source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

1. Fork the Project
2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
3. Commit your Changes (git commit -m 'Add some AmazingFeature')
4. Push to the Branch (git push origin feature/AmazingFeature)
5. Open a Pull Request "# 3d-portfolio" "# 3d-portfolio"