A behind-the-scenes look at how I built my portfolio website.
The design of this website was inspired by modern, minimalistic portfolios. I wanted to create a clean and professional look while showcasing my engineering projects and skills. I used tools like Figma to sketch out the layout and color schemes before diving into development.
This website is built using Astro, a modern static site generator that allows me to use React components where needed while keeping the site fast and lightweight. For styling, I used Tailwind CSS, which made it easy to create a responsive and visually appealing design.
One of the biggest challenges was integrating 3D models using Three.js. I had to ensure that the models loaded correctly and performed well on different devices. Debugging issues with client-side rendering in Astro was another learning experience, especially when working with browser-specific APIs like window and document.
In the future, I plan to add more interactive elements, such as animations and more blogs where I can share my engineering projects in detail. I also want to optimize the site further for performance and accessibility.