A web-based Body Mass Index (BMI) calculator that allows users to input their height and weight in various units to calculate their BMI and related metrics such as BMI Prime and Ponderal Index. This application also provides the healthy weight range for the user's height and dynamically updates the BMI category.
Check out the live demo of the project
https://bmicalculator-tailwind.netlify.app/
- Allows users to input weight in kilograms or pounds.
- Allows users to input height in centimeters or feet and inches.
- Calculates and displays:
- BMI (Body Mass Index)
- BMI Prime
- Ponderal Index
- Healthy weight range for the user's height
- Displays BMI category (Underweight, Normal weight, Overweight, Obese)
- Provides a visual representation of the BMI on a progress bar.
- HTML
- CSS (with Tailwind CSS framework)
- JavaScript
To run this project locally, follow these steps:
Clone the repository:
git clone https://github.com/dev-namra/bmi-calculator.git
Navigate to the project directory:
cd bmi-calculator
Open index.html in your browser to view the application:
open index.html
Start the application:
- Click the "Start" button on the cover page.
Enter your details:
-
Select your gender
-
Enter your age.
-
Choose your height unit and enter your height.
-
Choose your weight unit and enter your weight.
Calculate BMI:
- Click the "Calculate" button to see your BMI and related metrics.
- The application will display your BMI, BMI Prime, Ponderal Index, and the healthy weight range for your height.
- The progress bar will visually indicate your BMI category.
Reset the form:
- Click the "Reset" button to enter new values.
This project is proprietary and all rights are reserved by Namra Mahak. Unauthorized copying, modification, or distribution of the code and any associated materials is prohibited without prior written permission from the author.