BMI Calculator

🚀 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

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