https://github.com/hasibcoderlab/body-meter
Smart and stylish BMI calculator built with HTML, CSS, and JavaScript — calculates BMI score with color-coded results.
https://github.com/hasibcoderlab/body-meter
bmi-calculator html-css-javascript website
Last synced: 7 months ago
JSON representation
Smart and stylish BMI calculator built with HTML, CSS, and JavaScript — calculates BMI score with color-coded results.
- Host: GitHub
- URL: https://github.com/hasibcoderlab/body-meter
- Owner: HasibCoderLab
- Created: 2025-08-01T15:50:06.000Z (7 months ago)
- Default Branch: main
- Last Pushed: 2025-08-01T16:40:23.000Z (7 months ago)
- Last Synced: 2025-08-01T18:35:36.427Z (7 months ago)
- Topics: bmi-calculator, html-css-javascript, website
- Language: CSS
- Homepage: https://body-meter.vercel.app
- Size: 69.3 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# BodyMeter 🧮
**BodyMeter** is a stylish and user-friendly Body Mass Index (BMI) calculator web app built using **HTML, CSS, and JavaScript**. It helps you calculate your BMI score based on your height and weight, and provides a quick guide on interpreting the result.
---
## 🌟 Features
- ✏️ Input your **height** (in cm) and **weight** (in kg)
- ⚖️ Instantly calculates **BMI**
- 🎯 Shows **color-coded** result based on BMI category
- 💡 Provides clear BMI guide below the result
- 🌐 Fully responsive and mobile-friendly design
- 🎨 Gradient-based modern UI
---
## 📊 BMI Categories
| Category | BMI Range |
|----------------|---------------------|
| Underweight | Less than 18.6 |
| Normal | 18.6 to 24.9 |
| Overweight | Greater than 24.9 |
---
## 🛠️ Tech Stack
- HTML5
- CSS3 (with gradients and custom styling)
- JavaScript (Vanilla JS)
---
## 📁 Project Structure
```
BodyMeter/
├── index.html
├── style.css
├── script.js
├── Assets/
│ └── favicon.jpeg
└── README.md
```
---
## 📷 Screenshot
*(You can add a screenshot of the web app UI here for better visibility)*
---
## 🚀 How to Run Locally
1. Clone this repository:
```
```
2. Open the folder:
cd BodyMeter
3. Launch `index.html` in your browser.
---
## 🌐 Live Demo
👉 https://body-meter.vercel.app/
---
## 👨💻 Developer
Made with ❤️ by **[Mohammad Hasib Hasan](https://github.com/HasibCoderLab)**
Feel free to contribute or suggest improvements!
---
## 📄 License
This project is open-source and available under the [MIT License](LICENSE).