# 3D Portfolio Tutorial made with React Three Fiber

**URL:** <https://discourse.threejs.org/t/3d-portfolio-tutorial-made-with-react-three-fiber/53794>\
**Category:** Showcase\
**Tags:** threejs, react-three-fiber\
**Created:** [July 12, 2023, 1:51pm UTC](https://discourse.threejs.org/t/3d-portfolio-tutorial-made-with-react-three-fiber/53794 "2023-07-12T13:51:48Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![theringsofsaturn](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/theringsofsaturn/32/36257_2.png) [@theringsofsaturn](https://discourse.threejs.org/u/theringsofsaturn)\
**Post date:** [July 12, 2023, 1:51pm UTC](https://discourse.threejs.org/t/3d-portfolio-tutorial-made-with-react-three-fiber/53794/1 "2023-07-12T13:51:48Z")

</div>

My next tutorial will be this unique 3D portfolio website made with React Three Fiber. It is made in a way that it is very easy to customize, so every one can make their unique version of it. Source code will be provided, and the tutorial will be step by step, even for the absolute beginner! It is also mobile responsive!

If you subscribe to my YouTube channel and if you share, I would appreciate it:

> **[Emilian Kasemi](https://www.youtube.com/c/EmilianKasemi)**
>
> I make tutorials for beginners on: 
> \- 3D programming with Three.js.  
> \- Game development with Unity C#.  
> \- Web development with JavaScript, React, Vue, Node.
> 
> \#javascript 
> \#threejs 
> \#unity 
> \#vuejs 
> \#react

Live Website:

> **[Emilian Kasemi's 3D Portfolio Website](https://emilian-kasemi-portfolio.netlify.app)**
>
> Explore Emilian Kasemi's portfolio in an interactive 3D environment. Showcasing his skills as a Frontend engineer, creative developer, and game developer. Navigate through a 3D low poly sky island by flying a plane, discover his experiences,...

PS: The design of the static page is made in collaboration with JavaScript Mastery YouTube channel. This tutorial was planned to be uploaded on JavaScript Mastery YouTube channel as I work with them as a freelancer, but now it will be posted on my personal channel. The design of the static pages then will be different.

---

<div class="post-metadata">

**Author:** ![Lawrence3DPK](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/lawrence3dpk/32/29184_2.png) [@Lawrence3DPK](https://discourse.threejs.org/u/Lawrence3DPK)\
**Post date:** [July 12, 2023, 2:00pm UTC](https://discourse.threejs.org/t/3d-portfolio-tutorial-made-with-react-three-fiber/53794/2 "2023-07-12T14:00:06Z")

</div>

nice!

there may be a problem with your testimonials unless you are aka “[Developer’s Name]” 😬

 ![image](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/3X/3/1/313664acb0c26f8310f4b6bdc0856f8bb9a8d0c1.jpeg)

---

<div class="post-metadata">

**Author:** ![theringsofsaturn](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/theringsofsaturn/32/36257_2.png) [@theringsofsaturn](https://discourse.threejs.org/u/theringsofsaturn)\
**Post date:** [July 12, 2023, 2:14pm UTC](https://discourse.threejs.org/t/3d-portfolio-tutorial-made-with-react-three-fiber/53794/3 "2023-07-12T14:14:21Z")

</div>

Haha thanks for pointing it out. Yeah, I know, I did not finish that page yet, (it’s also not responsive yet). Not great to show to clients and recruiters 😅, but I left it like that, for the tutorial I’m making on this. Everybody will personalize it then later.  
Thanks for commenting @Lawrence3DPK 🙂