What is a BMI Calculator?

A BMI (Body Mass Index) Calculator is an application that computes an individual’s BMI given their weight and height. BMI itself is defined as a person’s weight (in kilograms) divided by the square of their height (in meters).

This value is used as a simple health indicator: it categorizes individuals into ranges like underweight, normal weight, overweight, or obese based on standard BMI ranges. The purpose of a BMI calculator is to provide a quick, easy screening of whether someone’s body weight is in a healthy range. Our React-based BMI Calculator will feature input fields for weight and height and a button to calculate BMI.

Once the user inputs their data and clicks Calculate, the app will display the calculated BMI value along with the weight status category (e.g., Underweight, Normal, Overweight, or Obese).

Aim of the Project

The aim of this project is to build a fully functional BMI Calculator web app using React, suitable for a beginner. By completing this project, you will learn how to set up a React development environment from scratch, create and structure React components, manage state using React Hooks, handle user input/events, and display results dynamically.

Additionally, you will gain experience in basic styling with CSS and deploying the finished app on Netlify. The end goal is a live, interactive BMI Calculator that anyone can use to quickly compute their BMI, while you, as the developer, solidify fundamental React skills through hands-on practice.