This was my first portfolio website and my dream project since learning ReactJS. I saw that a lot of people are designing portfolios, but I felt like most of them are having the same designs, same structures, and so on. So I felt like I should do something new and fascinating for my portfolio. As a result of that, I searched a lot about modern website designs and trends on Google, YouTube, and other platforms. As a result of that, I saw there are a few websites that have a 3D design. So I wanted to develop my portfolio in 3D after that. But here is the catch. At that time, 3D website development was much more difficult than developing a 2D style website. The reason for that is that there are limited resources and tutorials, few website examples, lots of coding stuff 😞, harder to manage and maintain, etc. I was skilled in React programming at that time.
I previously had experience in 3D website component development. But the problem was that it was a tedious task. I was worrying about that. Because of that, I wanted to find an easy way(tools, packages) to build a full portfolio website in 3D. Hence, I searched for the npm packages that would help me in accomplishing this difficult task. As a result of that, I found the React-three-fiber package. React-three-fiber is a package for React development which developed using the ThreeJS library, which is used for developing 3D websites. Then, I chose this package as my helping tool for this task. Moreover, I was thinking of practicing ViteJS at that time. ViteJS is a development environment for various frameworks like React and Vue, and even for a Vanilla JavaScript app with a dev server and hot reloading by following just three commands. Due to that, I use ViteJS as my tool for this. After a few days, I was able to complete my masterpiece as my portfolio website. :)