Build Incredible 3d Portfolio Website with Three.js

Published: 07 December 2023
on channel: WebChain Dev
7,724
125

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/folder...

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

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

Star Destroyer: https://sketchfab.com/3d-models/star-...

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


Watch video Build Incredible 3d Portfolio Website with Three.js online without registration, duration hours minute second in high quality. This video was added by user WebChain Dev 07 December 2023, don't forget to share it with your friends and acquaintances, it has been viewed on our site 7,724 once and liked it 125 people.