#01 Introduction - Let's Recreate Bruno Simon's Portfolio Using React Three Fiber!

Hi there 🙋‍♂️

Are you amazed by the 3D websites built by Bruno Simon and other creative developers? In this series of videos you will learn how he built this entire project and how you can built one yourself using modern technologies like TypeScript, React, Tailwind CSS, Prettier, ESLint and of course React Three Fiber.

Be aware that at the end of this video, there are still things that should be fixed such as the mentioned error and certain conflicting peer dependencies. This will be handled/discussed in the next video.

This channel is meant to help you start developing 3D websites. Make sure to subscribe if this interests you!

---

🔗 LINKS MENTIONED IN THE VIDEO

---

📫 CONTACT ME

---

⏲ TIMESTAMPS
0:00 Introduction
3:14 Explaining Bruno's GitHub project
5:42 Download required files
7:47 Get the portfolio working locally
15:08 Outro

---

❌ DON'T CLICK HERE
Got you there ;)

[alvichowdhury]

Never thought someone will come up with this tutorial video. Thanks man. following you to watch more.

[TheScienceGuy]

What happened between 08:02 and 08:04? I can't get it to work on my system. Please help.

[chocair]

Great to see that you’re back! Hope to see more of you in the future :)

[MohammedJamal-lvdj]

Bro if you followed through on this project you'll be the greatest to ever live and I will be forever in your debt

[rollingc]

I'd love to see react fibre with a full blown application like that. Please continue 🙏

[lasanthakarunarathne]

Perfect 👌 Thats my boy,
Its working 100%.
Hope new tutorials as well..
Please continue....good luck

[baybui]

nice would love to see more of these. i'd be interested in his course

[zubairzafar]

I am really excited to do that course. Btw it is a brilliant idea to start such a series.

[alvarobyrne]

Don't worry if you didn't understand what just happened here! Well done signore/ meneer

[vinarasimadha]

i had impressed on your portfolio design❤

[Aman_yadav]

Is that the code is updated as the latest version of react with nextjs and threejs

[franreysaycon]

would love to have that course! it's funny since I've been wondering how that portfolio is done. you're doing god's work man :D

[nihalkumar]

Bro can please teach us about the texture and creating some kind of art gallery or something like that, It definetely will be highly appreciated!!

[hknowledge]

Please make full begginer course for three.js and WebGL

[uzair-khan]

I'm interested in purchasing the course!

[DavidTonsing-bh]

Can you explain how to change the name, I created 3D of desire name, and import in the Resources file and then use it in the introSection setTitles(), but the desire 3D model doesn't exist. Please guide how to change the name

[noahha]

Hello I'm new to developing 3D websites and I appreciate what you are doing
Question: why are you converting to react three fiber? Is it because it is more modern?

[tomerhertz]

greetings, having some problems when trying to run the app...
right after this timeline in the clip: 13:01

it says:
The following dependencies are imported but could not be resolved:

gsap/TweenLite (imported by

Are they installed?
Failed to resolve import "gsap/TweenLite" from Does the file exist?
Failed to resolve import "gsap/TweenLite" from Does the file exist?
Failed to resolve import "gsap/TweenLite" from Does the file exist?

could anyone help please?

[tigrlily]

Hey! Great video. Would love a discount for the 3js journey course.

[sudoPrivileges]

A bunch of erros. Tried installing glslify plugin and it wasn't working. Gave up, very frustrating. Moving on to another project.