Build and Deploy an Amazing 3D Developer Portfolio in React with Three.js
JavaScript Mastery JavaScript Mastery
962K subscribers
877,630 views
22K

 Published On Nov 10, 2023

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

show more

Share/Embed