Project Background
This project was based on the Body Mass Index Calculator challenge from the Frontend Mentor website.
In this challenge the objective was to create the website based on the design provided and make users able to:
- Select whether they want to use metric or imperial units
- Enter their height and weight
- See their BMI result, with their weight classification and healthy weight range
- View the optimal layout for the interface depending on their device's screen size
- See hover and focus states for all interactive elements on the page
To achieve the goal, I used the following tools to develop the website:
- React - JS library
- Tailwind CSS - For styles
- Framer Motion - For animations
It was the first time I had used the Framer Motion library. I managed to learn a lot of things during the development of the project and I was very happy with the result achieved.
Static Previews
