Submitted about 2 months ago

Completed with NestJS, TailwindCSS, RHF, Framer Motion, and DayJS

solvman• 1,670

@solvman

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Age calculator app

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'm proud of my work validating the actual dates, including leap years and days within each month. I utilized an awesome small DayJS library for that. Excellent find!

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

The most challenging task was to figure out how to revalidate different interdependent fields using the React Hook Form package. After some research, I realized I could utilize the trigger() function provided by useForm(). I added that function to onChange() so that every field could have dependent fields revalidated.

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

I would love to have feedback on my coding style. Any suggestions for improvement or criticism are highly welcome!

Community feedback

Michel• 60

@michelNice

Posted about 2 months ago

Hi everyone,

I’m working on a responsive navigation layout and could use some assistance. Here’s what I’m aiming for:

On desktop: The logo should be on the left, and the navigation should be on the right side with the shopping cart as the last item in the navigation list. On mobile: The logo remains on the left. There should be a shopping cart icon in the center, and a clickable hamburger menu that changes to a close "x" when clicked. When the hamburger menu is clicked, the navigation should slide down from the top. You can check out my current setup and what I’m working towards through the following links:

GitHub:https://github.com/michelNice/Partiu-Russia

my website: https://nimble-genie-a7cc7e.netlify.app/

what I am trying to do: my website:https://partiurussia.com.br/

Any help or guidance on achieving this would be greatly appreciated!

Thanks!

Please log in to post a comment

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