Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

HTML, CSS, JavaScript

Julie_Gz 450

@Julie-Gz

Desktop design screenshot for the Age calculator app coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


Hi Frontend mentor community. This was a wonderful challenge. I'm not sure if the app is 100% accurate, so I would be grateful if someone tested it and gave me feedback. Any other feedback is also appreciated.

Thank you :)

Community feedback

JJacobPR 240

@JJacobPR

Posted

Hey,

I did a little bit of testing as you suggested and things that (in my view) should be enhanced:

  • Input that is not a number doesn't give error
  • After providing correct day and month, having error before, the error state remains
  • The date is calculated partially even if some parts of input data are invalid
  • And probably the sneakiest - you should add special validation for current year case, as for example although 15.12.2023 is a valid date, for now it is in the future

Hope, this feedback is what you wanted :) Should you have more questions, just ask :)

1

Julie_Gz 450

@Julie-Gz

Posted

@JJacobPR Thank you for your feedback. I appreciate the time you took to test my app. Form validation and flow control have always been a challenge for me and I'm trying to improve. Could you suggest an article, video, or any other resource that could help me create better forms.

0
JJacobPR 240

@JJacobPR

Posted

@Julie-Gz

In my view, learning form validation and form creation overall is highly impacted by general knowledge of programming language. But let's look at this idea from two perspectives - logic and implementation.

Starting from the latter one, implementation of the idea is as previously mentioned highly dependent on your general language knowledge. In most cases you can implement the same condition in many ways. What I would suggest is try not to use hard coded values. Try to use functions, regular expressions etc to make your code more universal. But honestly just pure practice and making projects will help you improve significantly.

The other thing is logic and if we talk about projects where you have your form restrictions provided, for me you should literally go step by step and implement each of them separately. Eventually you will notice that some can be combined and some eliminate each other. What I would also suggest is before starting coding just write all them down and think if there are some connections between them.

And as you also asked about some sources, I would simply recommend to go for most viewed videos on youtube and some articles on medium.

Hope I helped :)

1

Please log in to post a comment

Log in with GitHub
Discord logo

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