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 with React + TS, Atomic desing and mobile first

#bem#itcss#sass/scss#typescript#react

@Alejandro25AR

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


Hello Mentor Frontend community

As a bonus, add:

  • Dynamic animation of calculate age button when fields are valid or invalid
  • Custom text field with a button that opens a pop-up window to select the values taken by the input text field
  • Button to change the page theme (dark and light)

I would be grateful if you could give me some guidance regarding:

  • Any other topic that helps me improve, I appreciate your comments.
  • The logic where I should go using atomic design, since I have used it in some atoms, molecules and organisms.
  • Any other topic that will help me to improve, I appreciate your comments.

Thank you very much.

Community feedback

@snehamoybag

Posted

Man this looks incredible! Great job

0

@Alejandro25AR

Posted

Hi again @snehamoybag thanks for looking and commenting on my solution.

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