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

• #science_technology
• #portfolio_website
• #three_js_tutorial
• #react
• #how_to_make_a_portfolio_website
• #portfolio_website_design
• #personal_portfolio_website
• #tailwind_css
• #tailwind_css_tutorial
• #animation
• #threejs
• #three_js
• #vite
• #next_js
• #next
• #nextjs_14
• #3d_model
• #full_stack_website_project
• #web_dev
• #web_development
• #webchain_dev
• #website