React.js + TypeScript + SCSS + BEM Age Calculator

Hi All,

Hope you are well.

This project was a nice practice for working with the Date object. Overall, it was quite easy to make.

To sum everything up:

• Users are able to view their age in years, months and days after submitting a valid birth date.
• Users will receive an appropriate error on form submission if: a) One or more inputs are empty. b) The day number is not between 1 and 31. c) The month number is not between 1-12. d) The year is in the future or before 1900. e) The date is invalid, e.g. 30/02/2023.
• View the optimal layout for different screen sizes.
• See hover and focus states for all interactive UI elements.
• See animated age numbers on form submission.

This project was built with:

• React.js
• TypeScript
• SCSS
• BEM
• RWD
• Mobile-first workflow
• Animation libraries

As always, I'll be grateful for any feedback.

Thanks & Happy Coding! 🎃👻