Build & Deploy an Amazing 3D Portfolio with React.js & Three.js | Beginner Three.js Tutorial

Coupon Code (91% off): JAVASCRIPTMASTERY

📚 Materials/References:

Time Stamps 👇
00:00:00 — Intro
00:05:36 — Theory
00:39:00 — Practical Demo - HTML, Vite
01:08:15 — React Three Fiber and Drei
01:22:56 — Hosting Setup
01:27:21 — Project Setup
01:33:07 — Navbar
01:38:09 — Hero Section
02:46:45 — Bento Grid
03:05:50 — Projects Section
03:34:04 — Clients Section
03:41:24 — Contact Section
03:56:36 — Footer
04:00:15 — Work Experience
04:26:05 — Deployment

[shahnoormujawar]

Yesterday, I was selected as a junior backend developer without having a degree. I just passed high school, and I want to thank you because I've learned many things in web development from you. I have deep respect for you because you are changing people's lives. I know that even though you share all this amazing knowledge on YouTube for free, you may not be getting much in return, but one thing is for sure - God will reward you.

[moussasagna]

I want to thank you for real, I got a job using your last 3d portfolio.... God bless you for all your tutoriall. You literally change my life man 🥰🥺

[shadowslayer]

Thanks for another amazing 3d tutorial. Adrian actually understands what his audience wants and creates unique and comparatively complex projects that noone on YT even tries to teach for free! 3d is much in demand since the AI boom right now dear sire, and we need your tutorials now more than ever. Keep three js coming!!

[aakashpavar]

Bro is not pregnant but delivers always. 🍻

[TimeAiTales]

How on earth can someone be an expert on every single popular library.

[ANONYMOUS-qxyx]

now there is a new 3d porfolio for every recruiter to look at

[TechthroughAges]

He's not a wizard, but somehow always codes magic.Love you bro.

[vighneshshukla]

Awesome tutorial! The combination of React, Three.js, and Next.js for 3D animations is mind-blowing🤯. This is exactly what I was looking for to enhance my portfolio. The step-by-step explanations make it easy for beginners to follow along, and the end result is incredible. Can't wait to start building my own 3D projects using these techniques. Thanks for making this process so accessible!

[uwcunte]

I really appreciated the design. If I can design this type, tomorrow, I am gonna leave the present job...

[alvinpeter]

The effort you put in your presentation alone is epic.. how do you even gather all these resources and put them all together?
You are a the best 🙌🏽

[PRS_Code]

This channel is like HBO of projects, always top quality 🙌

[Dr_PhilK]

OMG, this guy never ceased to amaze me, He is my only reason I might become a React developer, he is unique and exceptional in this Javascript world ❤, if I don't win in this battlefield of programming, I won't blame you, not your fault 😂

[solomonimhomoh]

Wow, can’t wait to learn from you. Thank you.

[ahmedahmedx]

this is the best channel i have ever found in youtube and im not regretting subscribing, thank you adrian you are a legend please keep making amazing projects ❤❤❤❤❤❤❤❤❤❤❤❤

[luuuwje]

With Just your Introductory segment alone, I'm super excited and laughing out loud with the memes😂😂

[gouravkumarbehera]

I just got a job as a Software Developer because of you. Thnx for amazing videos, helped me a lot to gain much skills

[Yesterday_i_ate_rat]

You are my first teacher in my coding journey, so, happy teachers day ❤ sir

[marcioandre]

😯🙆🏾‍♂️ Bro delivering an incredible project like he didn’t delivered a Mobile taxi booking app few weeks ago

[ichiroutakashima]

If I were to be honest, I would love to pay for a course in threeJS made by JSM themselves. I mean, while there's one famous course for threeJS, it's quite hard because the majority is simply pure theories. I want a project based course.

[MohamedAshraf-pi]

This is absolute brilliance ❤ can you please in next video make sales and purchases system and let products can have multiple units like if 1 carton has 12 packs and 1 pack has 12 pieces