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

Age-Calculator-App

Vaibhav507 350

@Vaibhav507

Desktop design screenshot for the Age calculator app coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Community feedback

@rohanvron

Posted

Hi Vaibhav,

Your age calculator app looks great!

However, I noticed a couple of interesting edge cases that might need some attention:

Month Handling: When entering a date like 14/04/2001" (April 14th, 2001), the output shows -> 22 years 12 months and 21days. While technically correct, it might be more intuitive for users to see this as 23 years 00 months and 21 days. Perhaps there's an opportunity to simplify the output by combining years and months when exceeding 12 months.

Input Validation: Currently, it seems like negative numbers and future dates are accepted as input. For a more user-friendly experience, it might be beneficial to implement some basic validation. For example, users shouldn't be able to enter negative birthdates or dates exceeding the current year.

Just some thoughts to consider! Overall, your age calculator is really cool. Keep up the good work!

Marked as helpful

1

Vaibhav507 350

@Vaibhav507

Posted

@rohanvron Thank you so much for the reply, I saw your profile and wanted to ask you from where you studied react and tailwind can you give me your sources because i want to move towards react more currently i make these project in vanilla html, css

1

@rohanvron

Posted

Hey Vaibhav,

You're welcome! Glad the comment helped.

Regarding your question about React and Tailwind CSS, I'm also a beginner in React, but I found the YouTube channel Bro Code really helpful. Learning React involved a combination of following tutorials, googling issues I ran into while coding, and practicing.

Tailwind CSS was actually new to me for this age calculator app. I used YouTube tutorials and the official Tailwind documentation to grasp the basics.

Keep up the good work!

0

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