# 3d portfolio | react three fiber

**URL:** <https://discourse.threejs.org/t/3d-portfolio-react-three-fiber/74239>\
**Category:** Showcase\
**Tags:** react, gsap, room, loaders, animation, portfolio-website, react-three-fiber\
**Created:** [November 21, 2024, 7:11am UTC](https://discourse.threejs.org/t/3d-portfolio-react-three-fiber/74239 "2024-11-21T07:11:17Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![hassankarrach](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/hassankarrach/32/53803_2.png) [@hassankarrach](https://discourse.threejs.org/u/hassankarrach)\
**Post date:** [November 21, 2024, 7:11am UTC](https://discourse.threejs.org/t/3d-portfolio-react-three-fiber/74239/1 "2024-11-21T07:11:17Z")

</div>

Hey Three.js community! 👋

I’m excited to share my interactive **portfolio** built with **React Three Fiber** and **GSAP**! It features a dynamic 3D room experience with smooth scroll-based camera transitions and engaging animations powered by GSAP.

Feel free to explore, and I’d love to hear your thoughts! 😄

[portfolio link](https://www.hassankarrach.me/)

---

<div class="post-metadata">

**Author:** ![3D\_Website\_developer](https://avatars.discourse-cdn.com/v4/letter/3/85e7bf/32.png) [@3D\_Website\_developer](https://discourse.threejs.org/u/3D_Website_developer)\
**Post date:** [November 21, 2024, 3:28pm UTC](https://discourse.threejs.org/t/3d-portfolio-react-three-fiber/74239/2 "2024-11-21T15:28:19Z")

</div>

Hi, @hassankarrach  
Looks good.  
But, your portfolio has some of the issue of camera transition using GSAP.

Here’s what I thought:  
When your camera translate to the profile and project wall, your camera transition would be the better to add target position of control(Orbit or Camera control).  
This is my short thinking.  
I hope this helps.  
Best Regards.