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

React-hook-form, responsive, custom font, react JS

Mr-Khaira 30

@Mr-Khaira

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


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

I am aiming to land an internship, and I want to be able to code with professional standards, hence I would focus on making my projects more like production code, the methodologies which currently, I am not aware of.

I will appreciate it, if you would find it in your heart to spare some of your precious time to provide me valuable guidance, on improvements, and how I may land my first job.

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

The complexities of the validation of the input fields, for instance to make up the logic for when to show "must be a valid day" or "day is required", was challenging but was solver by the use of "touched" method of the React-Hook_form lib.

I will appreciate it, if you would find it in your heart to spare some of your precious time to provide me valuable guidance, on improvements, and how I may land my first job.

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

The core logic, that was to calculate the age up to the precision of day was quite complicated and cant be accurate because, the value for month is not a constant.

I will appreciate it, if you would find it in your heart to spare some of your precious time to provide me valuable guidance, on improvements, and how I may land my first job.

Community feedback

Tharun Raj 1,250

@Code-Beaker

Posted

Hi there, congratulations on completing this challenge! 🎉

I attempted to visit your website and it looks really good on both mobile phones and desktop. You've done a great job on this design and its responsiveness.

But I came across a small issue: The details I enter turn white and I can't see it. I tried refreshing the page but, it remains the same.

I hope it helps you to improve your solution!

Marked as helpful

1

Mr-Khaira 30

@Mr-Khaira

Posted

Hi Tharun@Code-Beaker, thanks for the kind review, I just fixed it, due to development in firefox I completely missed the error happening in chrome.

This has become a lession as well I guess, 😅.

I would love it if you would revisit.

1
Tharun Raj 1,250

@Code-Beaker

Posted

You're welcome, @Mr-Khaira,

I'm glad that you found my suggestions helpful. I revisited your website and now everything works perfectly. Congratulations.

Happy coding! 🎉

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