Personal portfolio showcasing my work as a graphic designer and my recent development projects.

It is a responsive site with a touch of animation. Sticky scroll-to-top link following you, minimalistic fade-ins on large screens, fine transitions for hovering on different elements of the UI. And the pinnacle is the logo written with modifying the built-in tubeGeometry of Three.js and applying it to React Three Fiber. I tried to keep a balance of UX though, so I ended up trimming some of the motion from earlier versions for a reasonable performance.

As this was a first attempt, I tried to keep a minimal cost to the project, while trying to integrate more tech to see how they relate to each other. The three main components being: Next.js as it is one of the most popular frameworks, a Supabase's relational database with Strapi as headless CMS to get a glimpse of beginner-friendly backend. The latter was also important for me to get an insight to creating a client friendly workflow, if I ever need it.

This was a first for me in almost all parts of the tech stack: TypeScript, Next.js, Tailwind, Strapi, Three.js / R3F: learning everything during development turned out to be a tough, but interesting ride. TFW when you finally get through a problem, and then realize you have to refactor the parent component weeding out the issue/solution you spent a day with. But hey: I got where I wanted to, and it looks great!