Type Script and Tailwind Notification Component

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

I'm proud that, at my first glance of this project, I saw an object that I had to normalize before I could start with actual coding. Like as John Johnson mantra says, "First Solve The Problem, Then Code After". That opened up an an opportunity to test my Vue3 and TypeScript skills as well as Tailwind CSS.

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

Well, I chose to show and hide the message box only on commented posts and sent messages. I had a challenge on a notification that had a picture on the far right and a red dot of unread messages, I only realized that when I was testing the mobile view of the site. And I realized that I was not applying the correct Relative and Absolute Position of Parent and Children containers.

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

The transition of the box message, does not translate the way I have imaged it. If anyone can take a look at it and advice on how to do it, I shall appreciate it. But this was a great challenge.