https://github.com/abulgit/basics-react-app
https://github.com/abulgit/basics-react-app
Last synced: about 1 year ago
JSON representation
- Host: GitHub
- URL: https://github.com/abulgit/basics-react-app
- Owner: abulgit
- Created: 2023-08-05T12:40:14.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2023-08-07T17:47:18.000Z (almost 3 years ago)
- Last Synced: 2025-02-05T03:41:13.944Z (over 1 year ago)
- Language: JavaScript
- Size: 170 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# BMI Calculator App
This is a simple BMI Calculator app built using React. It calculates the Body Mass Index (BMI) based on the user's weight and height and displays the corresponding BMI status.
## How to Use
1. Clone or download the repository to your local machine.
2. Navigate to the project folder using the terminal or command prompt.
3. Install the required dependencies using npm:
```bash
npm install
```
4. Start the development server:
```bash
npm start
```
5. Open your web browser and visit http://localhost:3000 to see the BMI Calculator app.
6. Enter your weight (in kilograms) and height (in centimeters) in the input fields.
7. Click the "Calculate BMI" button to calculate your BMI and see the result below.
## BMI Categories
- Underweight: BMI < 18.5
- Normal weight: 18.5 ≤ BMI ≤ 24.9
- Overweight: 25 ≤ BMI ≤ 29.9
- Obesity: BMI ≥ 30
The BMI status will be displayed below the calculated BMI result and will be color-coded as follows:
- Underweight: Red
- Normal weight: Green
- Overweight: Red
- Obesity: Deep Red
## Contributing
Contributions are welcome! If you find any issues or have ideas for improvements, feel free to open an issue or submit a pull request.