Build Incredible 3d Portfolio Website with Three.js

In this video you will build a unique react portfolio using Vite, Tailwind CSS and most importantly Three.js. This video explores a lot of important three.js themes such as 3d model integration, model animation and camera movement.

Assets: https://drive.google.com/drive/folders/1-D0fB2jn_e4s30aN0uGv29w31Z6Nk44D?usp=sharing

Source code: https://github.com/Mif2006/Star-Wars-Portfolio

Death Star: https://sketchfab.com/3d-models/death-star-star-wars-3d5f01485e9e4e8b9d995d7764341afe

Star Destroyer: https://sketchfab.com/3d-models/star-wars-imperial-ii-star-destroyer-b8bd2d35f7604670ab85242c06c6d280

Timestamps:
0:00 Project Intro
0:30 Project Setup
3:40 Setup Router and Pages
6:06 Creating home page layout
9:05 Adding 3D models
24:22 Changing camera angle and Xwing animation
26:48 Camera movement
36:54 Adding Cards
46:40 Contact section
51:31 Projects page
55:13 About-me page
56:54 Finished website

Видео Build Incredible 3d Portfolio Website with Three.js канала WebChain Dev