Submitted over 1 year ago

Using Next.js 14, Tailwind, Typescript, Debouncer (lodash)

react, tailwind-css, typescript, next

Pablo•550

@ackDeckard

A solution to the Body Mass Index calculator challenge

Preview Code

Solution retrospective

Finding the right time to tackle these challenges is always a bit of a hurdle.

For this particular project, I opted for the cutting-edge Next.js version 14, incorporating minimal Typescript type checking. My go-to for styling, as always, is Tailwind CSS.

To enhance the user experience and prevent unnecessary re-renders during text input, I integrated Lodash's default debouncer.

Additionally, as users input their height and weight, I've included a feature that returns the recommended weight based on their height.

Cheers! 🥂

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on Pablo's solution.

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