Article preview component

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

This was my second project using Tailwind and my first using TypeScript. I understand that TypeScript doesn’t offer much advantage for such a simple task, but since I already have solid experience with vanilla JavaScript, I decided to switch to a typed language.

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

The biggest issue I encountered was the inability to override styles using additional Tailwind classes. To make the tooltip’s visible state classes more specific, I had to switch not the class in TypeScript, but use custom attributes instead:

<div id="share-popup"
     class="data-[open=true]:h-full">
</div>

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

The code ended up cluttered with too many utility classes — perhaps it would be better to extract styles for specific component states into separate definitions.