Responsive article preview component using Next.js

What are you most proud of, and what would you do differently next time?

I am proud of how the end product looks stunning and how everything looks visually close to the source material. Something I would do differently would be to further breakdown everything to smaller components from the start.

What challenges did you encounter, and how did you overcome them?

I had a lot of difficulties trying to pass the event handling function to the share button. I overcame this using the "use client"; keyword on my components as event handling aren't working server side. And for those who read this. Don't use the "use client"; keyword in the page.tsx file of your Next projects, as it is not advisable for best practices purposes.

What specific areas of your project would you like help with?

I would like some help on a way to close the share panel when there is a click anywhere on the page. It would be great if someone could help me with that. Thanks in advance.