My 3D SWE Portfolio - Built with React Three Fiber.
16 comments
·January 12, 2025jarebear6expepj
Oia20
Haha, so true
bnetd
Does anyone remember that mid-2000s, 3D competitor to Flash? i think the name started with A like Ankh or something like that but I could be wildly off. It had an IDE and basically ran as a plugin in the browser. It died a quiet death.
This site kinda sorta reminds me of that.
Forget what it's called - if someone does, please post more info!
Oia20
Not Adobe shockwave, right?
Oia20
This has been a work and progress for a while now. A few months back the site used orbital controls, but I realized the UI/UX (Especially for non tech savy users) was unintuitive. Working to settle on a middle ground.
esperent
It's a nice scene - a bit busy overall but not bad, if I was hiring for an entry level R3F dev this would be a good thing to show me.
However, for me (very familiar with orbit controls) the controls are now very unintuitive. I think it's better to have a combo of orbit controls, perhaps constraining one or more axes, and animating the camera to transition between different pivot points on click (and maybe change the constraints to suit each particular view). Note that Yomotsu's CameraControls (available via Drei) give a lot better control for this kind of thing than the standard OrbitControls.
If you're going for a 3d interface, no matter the control system, some people won't be familiar with it. The best solution is to accept this and go with the thing the largest number of people will be familiar with (so basically orbit controls), not to roll your own interface that now makes it unfamiliar to everyone.
satvikpendem
Looks good, I was looking into react-three-fiber as well for my site.
*work in progress by the way
Oia20
Also check out the projects/about page by clicking on the old mac!
gus_massa
Nice, but I really really really wish to use the arrow keys to rotate.
youssef_samwel
just wow can i know how did you build this ? put me on track also how long it took you to build ?
Oia20
I’m glad you like it!
I built the initial version in about a week.
If you’re comfortable with react already you can use React Three Fiber, and a few libraries associated with it like drei. This can also be done with vanilla three.js.
I would say look for some 3D models you like on a site like sketchfab, and think of what you could build related to the 3D object. Even better, if you have some 3D modeling experience, create a model yourself and maybe a fun little website with it!
youssef_samwel
thank you i will go for it
yieldcrv
looks fun! screams "junior developer that thinks they need to stand out", peons praise getting a call back to a job application as if getting that is a done deal, but in this industry you'll still have to pass the technical interview which is the real make or break
I've heard about the frictions with getting call backs in the entry level part of the market, and I think its just best to cosplay as senior developer, as its mostly a mindset. you'll lose some roles for your mistakes but there is no passported reputation here, just get employed, wait for some of your coworkers to leave so they can be your collection of references, and keep applying to other jobs.
to get the first jobs, form an LLC and say you work for that, for some time if it works better to get to the hiring manager
I mean, you were building some stuff through college after all right? so its true, backdate it back to your sophomore year, bam 3 years experience. such ambitious, much wow
launder real experience on top of it and replace your resume with that professional validation
Oia20
I don't think I "need to stand out", but I do think standing out is a good thing.
null
2bit
Cool idea, using shapen.com you could quickly generate all the 3d models
You know it is going to be good when the laptop turbines start whistling as soon as you click a link ...