Build and Deploy an Amazing 3D Developer Portfolio in React with Three.js

Let's build a cool 3D website together! You'll learn how to make a portfolio with fun interactive parts, like a floating island and a fox that moves when you type. It'll allow you to show off your skills and get a job!

🌟 Become a top 1% Next.js 14 developer in only one course: https://jsmastery.pro/next14
🚀 Land your dream programming job in 6 months: https://jsmastery.pro/masterclass

📙 Three.js Guide - https://resource.jsmastery.pro/threej...

⭐ Special Black Friday Hosting Deal: https://hostinger.com/mastery10
Use the code JAVASCRIPTMASTERY to save up to 91% on all yearly hosting plans.

📚 Materials/References:
GitHub Code (give it a star ⭐): https://github.com/adrianhajdin/3D_po...
GitHub Gist (code): https://gist.github.com/adrianhajdin/...
Models & Assets (public folder): https://drive.google.com/file/d/1TACD...

📩 Emilian's work:
YouTube:    / @the_rings_of_saturn  
LinkedIn:   / emilian-kasemi  

💻 Join our Discord Community -   / discord  
🐦 Follow us on Twitter:   / jsmasterypro  
🖼️ Follow us on Instagram:   / javascriptmastery  

💼 Business Inquiries: [email protected]

Time Stamps 👇
00:00:00 - Intro
00:06:35 - Setup
00:18:58 - Navbar
00:25:17 - HomePage
00:36:05 - Island
00:48:26 - Sky
00:50:42 - Rotation, Bird & Plane
01:27:19 - Popups
01:36:40 - Contact
01:44:14 - Email.JS
01:54:11 - Fox
02:08:04 - Alert
02:13:34 - About Page
02:30:32 - CTA
02:32:44 - Fix Plane and Keyboard handle
02:34:58 - Projects Page
02:44:35 - Adding Sound
02:50:24 - Deployment