Three.js 3D Portfolio

Three.js 3D Portfolio is a modern UI/UX and functional Developer Portfolio Web built with React & Three.js

View Demo

Table of Contents

• About the Project
  • Folder Structure
  • Tech Stack
• Getting Started
  • Installation
  • Run Locally
• Contributing
• License
• Contact
• Acknowledgements

About the Project

This repository houses an well-designed and functional Developer Portfolio Website consisting Navbar, Hero, Overview, Work Experience, Technologies, Projects, Testimonials and Contact sections built with React & Three.js using TailwindCSS ⏭

Tech Stack

(back to top)

Getting Started

Installation

Step 1:

Download or clone this repo by using the link below:

 https://github.com/jsonggan/Threejs-3D-Portfolio.git

Step 2:

3D-Portfolio using NPM (Node Package Manager), therefore, make sure that Node.js is installed by execute the following command in console:

  node -v

Step 3:

At the main folder execute the following command in console to get the required dependencies (note: this ignore peer conflicts):

  npm install --legacy-peer-deps

Step 4:

At the main folder execute the following command in console to creates a build directory with a production build of 3d portfolio:

  npm run build

Step 5:

At the main folder execute the following command in console to run the server:

  npm run start

🏃 Run Locally

Step 1:

At the main folder execute the following command in console to get the required dependencies:

  npm install --legacy-peer-deps

Step 2:

At the main folder execute the following command in console to run the development server:

  npm run dev

(back to top)

License

Distributed under the MIT License. See LICENSE.txt for more information.

(back to top)

Contact

Gan Chin Song - @LinkedIn

Project Link: https://github.com/jsonggan/Threejs-3D-Portfolio

(back to top)

Acknowledgements

This section used to mention useful resources and libraries that used in 3D Portfolio

• Email JS
• Framer Motion
• React Tilt
• React Vertical Timeline Component
• #JSMastery

(back to top)