BMI Calculator

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.

Demo

Check out the live demo of the project

https://bmicalculator-tailwind.netlify.app/

Features

• 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.

Tech Stack

• HTML
• CSS (with Tailwind CSS framework)
• JavaScript

Deployment

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

Usage/Examples

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.

License

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.