Portfolio

My Portfolio Site, built on Astro with React, showcases my projects and experiences. Utilizing a flexible and intuitive headless CMS, I can easily update and personalize content while providing visitors a glimpse into my skills and achievements.

Technologies I used and why

Frontend

Astro

Astro is a lightweight, efficient, and flexible framework. By default, it only loads the necessary JavaScript, reducing unnecessary overhead and enhancing user experience.

React

I went with React instead of Astro for components in this app because it provides features like useState and useEffect and has amazing Typescript support.

Framer Motion

Framer Motion is a preferable library for animations in React due to its intuitive API, extensive animation options, and seamless integration with React components, making it easier to create animations with minimal code.

Tailwind CSS

Tailwind CSS is a great option for small projects. Since I didn't need to reuse CSS across multiple DOM elements, I simply applied styles directly in the className, which saved me a lot of time and made development easier.

Backend

Headless CMS (hygraph)

A headless CMS is a good option for storing some data without having to create a backend. Hygraph, in turn, allows for retrieving strongly-typed data from a GraphQL API.