Age calculator app
Design comparison
Solution retrospective
Hey there,
This is my solution to the age calculator app.
I built the application using HTML, CSS, and TypeScript. The TypeScript code is compiled and bundled through Vite. The CSS uses cutting-edge features, such as nesting, color-mix, and custom properties, hence the preview might be broken.
My main focus was on building a maintainable and accessible form validation logic, utilizing constraint validation and ES6 classes. This approach incorporates best practices for form validation such as clear error states, error messages, and more.
Let me know what you think :)
Please log in to post a comment
Log in with GitHubCommunity feedback
- @NaQu2003
It looks cool, but it would be even better if u implemented a logic that throws an error when user selects above 28 day or 29 year in specific year in February, or when someone sets 31 days in moth that has only 30 days.
- @Edu-hsf
Your code turned out really good. But it would be even better if you implemented logic that validates birth dates for that year, because when the year 2023 is selected (regardless of the month) it returns an error.
Join our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord