Submitted 12 months ago
Using Next.js 14, Tailwind, Typescript, Debouncer (lodash)
@ackDeckard
Design comparison
SolutionDesign
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! 🥂
Community feedback
Please log in to post a comment
Log in with GitHubJoin 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