3D Portfolio Website using Three.js + R3F + GLSL + GSAP (Live Demo)

Hey everyone!
I just wrapped up my personal portfolio, it’s my first full WebGL project, built primarily using React Three Fiber (R3F).
I’d love to hear your thoughts, suggestions, or any feedback!

Below are some images and links:
(Live Demo) > Amr Khamis
(github) > GitHub - AmrKhamis1/Portfolio

(images)




3 Likes

Hi, it looks great.

I want to point out some minor issues:

When it loads, I see that screen, but I don’t know what to do. That’s not a good feeling. Then a start button appears. The same issue with the scroll suggestion after you press the button.

The main screen is also confusing. What am I supposed to do? I’m guessing I need to press the Go Free button for some reason? The Go Free button is also partially illegible and doesn’t look good. Why don’t you get rid of it?

You can teleport through the portal by clicking on it, but you can’t return by clicking on it? Other than the email is this the only interaction? Where’s your info?

The contact form is buggy. It resizes weird and it goes outside of the computer.

So, my suggestion is, think about what you want the users to do when they open and navigate the site. Give more hints about what they can do.

I hope it helps.

Best,
G

1 Like

hi, @gcapu
your point are very straight honestly i did thought of all that especially pointing the users to what they must do and the portal click to go back.
i can’t justify that of course but i am really fixing those issue the main problem is that i don’t have much time due my final exam at university and i posted to get feedback and any thoughts and fixes like you just did, but yes i will work on those point as soon as i get free.

thanks for the comment and feedback it really helps :heart: and promise gonna do better

Hope you are doing well! @Amr_Khamis
I created this account just to say that your work absolutely amazed me
and you just earned a star for your repo
Im still trying to get comfortable with threeJs and ill have to say, this awesome portfolio will definitely help with getting comfortable
Keep up the good work!
Loved the experience.

1 Like

Hi @Shayan I’m doing well, hope you are too!

Thank you for this amazing message you really made my day!

I’m also still getting comfortable with Three.js and GLSL, but with consistent practice, you’ll definitely get there. Just keep going!

Also if you have any questions don’t hesitate to reach me out

2 Likes

Well im more than happy to make someone’s day, thanks for stating that!

Since im still in ‘experimenting’ stage of developing 3D stuff, i really dont know a lot about the technical aspects of Three.js, so yeah i agree with what you said about practicing

But you know, for me its the fact that im having fun while messing with the 3D glb model and trying out the different configurations for creating said 3D scenes. I guess curiosity takes you places😁.

Also thats so kind of you for providing support!
Ill post my questions right here if i had any.

1 Like