Age Calculator App with Custom CSS Property & Zod

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

It's my first time animating stuff with CSS. At first, I wanted to use Odometerjs for the number animation, but after some research, it seems that I could implement it easily. Overall, I'm happy how the animation turned out (maybe it's a bit too fast?), but next time I'll consider using a library instead.

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

• I discovered the STATUS_ACCESS_VIOLATION error on Chrome. My custom CSS property was the issue. So I reduced the duration of the transition + replaced counter-reset with counter-set. It seems that it fixed the issue, but I'm not sure. At least my browser haven't crashed ever since.

• To compute the difference between two dates, I wanted to go with an accurate solution (taking into account leap years and so on). In the end, out of laziness my own solution wasn't accurate and had a lot of approximation. So I ended up using a library for this task, since it was errorless, but easy to integrate.

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

• If anyone has an idea on how to compute the diff between two dates accurately without a library, I'm eager to know!
• I'm still unsure about my animation. I'm afraid it may crash my browser again.
• Does anyone have any suggestions on how I should organize my CSS (especially with TailwindCSS) & structure my components?