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
Watch video Build and Deploy an Amazing 3D Developer Portfolio in React with Three.js online without registration, duration hours minute second in high quality. This video was added by user JavaScript Mastery 10 November 2023, don't forget to share it with your friends and acquaintances, it has been viewed on our site 904,161 once and liked it 22 thousand people.