🩺 Project Proposal: BMI Calculator
Description:
A simple and interactive web app that calculates the Body Mass Index (BMI) based on a user's height and weight. It displays the calculated BMI value along with the corresponding health category — such as Underweight, Normal, Overweight, or Obese.
🎯 Aim:
To build a responsive and user-friendly web application that helps users understand their health status based on BMI. The project aims to strengthen core web development skills like input handling, conditional logic, and DOM manipulation.
🧠 Learning Outcomes:
- Understanding user input and validation in JavaScript
- Implementing mathematical formulas and dynamic calculations
- Updating webpage content dynamically using DOM manipulation
- Styling a functional layout with clean and responsive CSS
- Building confidence in combining HTML, CSS, and JavaScript to create interactive projects
💻 Tech Stack:
✨ Key Features:
- Input fields for height (cm) and weight (kg)
- Instant BMI calculation and result display
- Categorization of results (Underweight, Normal, Overweight, Obese)
- Clean and responsive design
- Option to include a minimal or modern animated UI
📌 Why Add This Project:
This project is ideal for beginners learning to connect form inputs with JavaScript logic. It demonstrates how simple interactivity can make a static webpage useful and engaging, fitting well into the Utilities / Health section of the 100Days WebDev series.
🩺 Project Proposal: BMI Calculator
Description:
A simple and interactive web app that calculates the Body Mass Index (BMI) based on a user's height and weight. It displays the calculated BMI value along with the corresponding health category — such as Underweight, Normal, Overweight, or Obese.
🎯 Aim:
To build a responsive and user-friendly web application that helps users understand their health status based on BMI. The project aims to strengthen core web development skills like input handling, conditional logic, and DOM manipulation.
🧠 Learning Outcomes:
💻 Tech Stack:
✨ Key Features:
📌 Why Add This Project:
This project is ideal for beginners learning to connect form inputs with JavaScript logic. It demonstrates how simple interactivity can make a static webpage useful and engaging, fitting well into the Utilities / Health section of the 100Days WebDev series.