Portfolio website

Welcome to my website!

This project is built with the AstroJS framework. This started as a Next.js project. However, midway through, I realized that I did not need React components for what I wanted to make. It’s important to keep projects like this as simple as possible to avoid complications when we choose to add more complex features in the future. In addition, static site generation in NextJS requires some funky workarounds to be used at its fullest potential.

For now, the website has:

• English and French support
• A landing page with cool animations.
• A page with where you can learn more about me.
• A page where you can see all my projects.
• Blog posts where I detail my creation process and talk about my adventures in coding.

I made my landing page using simple CSS animations. I used Motion to get closer to a classic timeline style animation process. It’s a very good library that gives a lot of interesting tools to work with, such as in built easing functions and spring physics.

For now, the about page is simply just text, however I plan for it to also have animations. I want to bring out the most of my developper experience, something that plain text doesn’t achieve right now.

I want to apply the same treatment to the projects page; having islands of information instead of a grid of images would be better. I want to add a custom description for each project so that they seem interesting to interact with.

For my blog page, I am satisfied with the simple layout. I am trying different CSS styles to figure out what works best, but I don’t need to do much more tweaking than that.

Here’s the repository for the project if you’re interested in the code: https://github.com/garutako/blog