Age calculator app developed in React, HTML and CSS
Design comparison
Solution retrospective
Hi coders:
I developed this chalenge in React using components and CSS for the styles. It was so useful to understand the HTML elements as section, articles, input text and button.
Also, it was very useful to understand Flexbox to organize the different components of the User Interface and the use of media queries to switch between desktop and mobile versions.
Regarding the functionality of this challenge in react, I used three components: "Card", "Inputs" and "Results". Also a custom hook "useform" and two functions to validate and caculate the dates. With the value of these parameters I used conditional rendering to show the elements and error messages.
feedback are welcome
Regards
Community feedback
Please log in to post a comment
Log in with GitHubJoin 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