BMI Calculator banner

BMI Calculator

3 devlogs
5h 34m 19s

Description:
The BMI (Body Mass Index) Calculator is a tool that helps users estimate their body fat based on their height and weight. By entering these values, the calculator provides a BMI score and categorizes it into underweight, normal, over…

Description:
The BMI (Body Mass Index) Calculator is a tool that helps users estimate their body fat based on their height and weight. By entering these values, the calculator provides a BMI score and categorizes it into underweight, normal, overweight, or obese. This helps users track their health and understand whether they are maintaining a healthy weight. The tool is easy to use, interactive, and provides instant results.

This project uses AI

yes, i use ai in my project to fix error , fixing bug and use to write readme for my project

Demo Repository

Loading README...

priyankajoshi25

πŸš€ Devlog – BMI Calculator Web App
πŸ“… Day 1 – Idea & Planning

Started with the idea of building a simple BMI Calculator to practice HTML, CSS, and JavaScript. Planned the basic features:

Input for height and weight

Calculate BMI

Show result with category (Underweight, Normal, Overweight)

πŸ’» Day 2 – UI Design

Created the basic layout using HTML:

Added input fields for height and weight

Created a button for calculation

Structured a result display section

Used CSS to:

Center the layout

Add colors and spacing

Make it look clean and user-friendly

βš™οΈ Day 3 – Functionality (JavaScript)

Implemented the core logic:

Took user input

Applied BMI formula:
BMI = weight / (height * height)

Displayed result dynamically

Also added:

Validation for empty inputs

Error handling for incorrect values

πŸ§ͺ Day 4 – Testing & Debugging

Tested different cases:

Valid inputs

Invalid inputs

Edge cases

Fixed bugs like:

Incorrect calculation due to unit issues

Input handling errors

🌐 Day 5 – Deployment

Deployed the project using GitHub Pages.
Faced a 404 error issue, then fixed it by:

Checking file names (index.html)

Verifying repository settings

πŸ“Œ Final Features

Easy-to-use interface

Instant BMI calculation

Category-based result

Responsive design

πŸ“š What I Learned

DOM manipulation in JavaScript

Handling user input and validation

Debugging real-world issues

Deploying projects online

1

Comments

priyankajoshi25
priyankajoshi25 about 1 month ago

nice project

priyankajoshi25

Shipped this project!

Hours: 4.72
Cookies: πŸͺ 26
Multiplier: 5.42 cookies/hr

πŸš€ Just built my own BMI Calculator!

It takes your height & weight and instantly tells your BMI πŸ’ͺ
Simple, fast, and super useful πŸ˜„

Try it out and tell me your result!

priyankajoshi25

(BMI Calculator Project):

Day 1:
Designed the BMI Calculator layout using HTML and CSS and created input fields for height and weight.

Day 2:
Added JavaScript logic to calculate BMI and display the result with BMI category (underweight, normal, overweight). Tested and fixed small bugs.

2

Comments

vaishalijoshi25
vaishalijoshi25 about 2 months ago

nice

sakshisuman25
sakshisuman25 about 2 months ago

very nice work