Build and Deploy an Amazing 3D Web Developer Portfolio in React JS | Beginner Tutorial
The most impressive websites in the world use 3D graphics and animations to bring their content to life. Learn how to build your own ThreeJS 3D Developer Portfolio today!
What to do after mastering Three JS? Master the most powerful web dev framework today - Next 14!
⭐Hostinger -
Use the code JAVASCRIPTMASTERY to save up to 91% on all yearly hosting plans.
📚 FREE Ultimate ThreeJS Cheatsheet:
📚 Materials/References:
GitHub Code (give it a star ⭐):
GitHub Gist Code Snippets:
Assets, Components, Public folders:
Bruno Simon Portfolio -
Junni -
In this course, you’ll learn the following:
- ThreeJS - a powerful 3D graphics library for rendering and animating the 3D model
- React Three Fiber - a popular library for creating 3D graphics with ThreeJS in React
- TailwindCSS - a popular utility-first CSS styling framework
- Framer Motion - the most popular library used to bring your React website to life with animations
You’ll also learn how to:
- Load, create and customize stunning 3D models and geometries with various lights, as well as understand the 3D world with a camera and positioning of an object in space.
- Make your code reusable and scalable using Higher Order Components (HOCs) and other industry-standard best practices
- Implement sending emails through a form on the website
- Ensure responsiveness across all devices and improve your site’s performance using Suspense and Preload.
💻 Join JSM on Discord -
🐦 Follow JSM on Twitter -
🖼️ Follow JSM on Instagram -
💼 Business Inquiries: contact@
👇 Time Stamps:
00:17:55 Layout
00:21:07 Navigation bar
00:40:57 Hero Section
01:07:41 About Section
01:17:09 Higher Order Component
01:23:28 Experience Section
01:44:33 Projects Section
02:01:01 Testimonials
02:13:15 Contact
02:32:09 3D Stars
02:49:09 Deployment
2 views
3506
1051
4 weeks ago 00:00:42 2
Копенгаген, Дания.Центральная историческая часть города, городские крыши и Копенгагенские озера.Вид с воздуха, вид с ...
4 weeks ago 02:39:34 1
Build and Deploy an Awwwards Winning Website | , Tailwind CSS, GSAP
4 weeks ago 00:11:14 3
[SevyPlays] GAMING GUIDE: How to Play, Best Artifact & Weapon Builds, Team Comps | Genshin Impact 4.4
4 weeks ago 00:03:20 1
[CNBC Television] Beijing reinstates some coronavirus restrictions amid new outbreak
4 weeks ago 00:00:33 4
Керч, Крым.Вид на новый Крывленный мост.Ясная погода, вид с воздуха
4 weeks ago 00:11:46 2
[Hacking Modern Life] It’s THAT easy! Building a new Home Assistant integration in Python
4 weeks ago 00:00:25 3
Центральный стадион города Екатеринбург.Расположение футбольных матчей FIFA 2018. Россия, Екатеринбург, View View
4 weeks ago 00:00:51 1
[VideoFromSpace] OTD in Space - Sept. 17: Saturn’s ’Death Star’ Moon Discovered
4 weeks ago 00:00:48 3
Турин, Италия.Палаццо Кариньяно.Пьяцца Карло Альберто Площадь.Панорама города.Летний день, вид с воздуха, точка интереса
4 weeks ago 00:01:25 1
[CNBC Television] Watch the aftermath of U.S. airstrikes on an Iranian-backed militia in Iraq
4 weeks ago 00:09:23 3
[Kade] WE ARE FINALLY GETTING THIS UPDATE IN LEGENDS BATTLEGROUNDS(JUN)..
4 weeks ago 00:00:40 2
Россия, Калининград.Центральная часть города Калининград, незаконченного строительного дома Советов в городе конструк...
4 weeks ago 00:00:29 3
Лозанна, Швейцария.Новое здание Международного олимпийского комитета расположено на берегах Женевы.Летний день.Стабил...
4 weeks ago 00:00:17 2
Biden’s remaining time in office will be as ‘productive’ as he has been throughout his term, and it’s a ‘sprint’ for his adminis
4 weeks ago 00:00:09 4
Фрески и крест.Ночь.Рим, Италия
4 weeks ago 00:00:59 3
Болгар, Республика Татарстан, Россия.Белая мечеть.Болгар Государственный исторический и архитектурный музейный резиде...
4 weeks ago 00:00:56 2
Нижна Новгород, Россия.Минин и Пожарский площадь.Воздушный вид на стрелу слияния рек.Стадион.Ночное время, вид с воздуха
4 weeks ago 00:00:59 4
Антверпен, Бельгия.Шпиль с часами собора Богоматери (Антверпен).City Antwerp расположен на River Scheldt (Escaut).Лет...
4 weeks ago 00:00:17 27
White House promises ’sprint’ to protect Biden’s ’legacy’ from Trump
4 weeks ago 00:00:47 2
Амстердам, Нидерланды.Летать над городскими крышами в направлении центрального вокзала Амстердама, вид с воздухом
4 weeks ago 00:01:00 4
Сергиев Посад, Россия.Троицкий-сергиус Лавра является крупнейшим мужским монастырем русской православной церкви с дол...
4 weeks ago 00:00:32 3
Казань, Россия.Экият кукольный театр.Вид с воздуха, вид с воздухом, выезд камеры
4 weeks ago 00:00:47 2
Турин, Италия.Piazza Della Repubblica City Square с рынком.Панорама исторического центра города.Летний день, вид с во...
4 weeks ago 00:00:21 3
Верона, Италия.Летать над историческим центром города.Castelvecchio castello scaligerro, лето, вид с воздуха, точка и...