Welcome to my personal website—an ongoing project showcasing my journey into the field of Software Development.
Within the Blog Section, I share personal thoughts and stories, while the Project Section offers insights into my latest web development endeavors.
I built this website using React and Node.js, employing Material UI as my preferred styling framework. I appreciate its excellent balance between performance and flexibility, which greatly enhances the user experience.
Most of the element animations are custom-made, although I've utilized a library called "framer-motion" for specific parts, enhancing the overall visual appeal.
The cherry on top 🍒 of this Page is the Theme User Interface, allowing visitors to customize backgrounds, page colors, and themes—an interactive experience you won't easily find elsewhere.
UX/UI Interactions
As you may have noticed, by tapping/clicking the button at the bottom right of the page, you'll access a UI that allows to control the whole webpage appearance. You can choose between light or dark mode or even change the Background parameters.
The Background Pattern
The Background Pattern is a composition of two random paths, being drawn along an imaginary Grid. By tapping on the Model, a new pattern is generated according to the underlying parameters. Static BG: toggles the mouse Interactions with the page's Background Colors: are being randomly picked from a predefined colors Array. Grid Size: represents the side division of the grid Segment Amount: the amount of generations for each Path Save SVG: offers the possibility to save the generated path in SVG format