Skip to content

BMI index calculator which is used to understand the status of weight to height ratio of an adult person as per the WHO guidelines for BMI. a cool looking container having glassmorphism effect and a bg image made using HTML, CSS. the logic of getting user inputs dynamically and computing the BMI value with conditional Tips implemented using DOM.

Notifications You must be signed in to change notification settings

thekiranmahajan/bmi-calculator

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Hello Folks,😊 ⚖️

Here with another 𝗝𝗮𝘃𝗮𝗦𝗰𝗿𝗶𝗽𝘁 𝗣𝗿𝗼𝗷𝗲𝗰𝘁 {𝟴/𝟭𝟮} : 𝗕𝗠𝗜 𝗖𝗮𝗹𝗰𝘂𝗹𝗮𝘁𝗼𝗿 ⚖️

💻 Live Deployed link: https://bmi-calculator-ray.vercel.app/

🆚GitHub Repo Link: https://github.com/thekiranmahajan/bmi-calculator

bmi-calculator.mp4

⭕FEATURES⭕

🍭 Utilised the powers of CSS and HTML to create a modern-looking glass-morphic design, and animated button with overall responsive and interactive UI.

🍭 Targeting the input fields to retrieve the user input data of Weight and height.

🍭 Performing the conversion of the Weight and Height of the user to an accurate BMI index/value.

🍭 While avoiding the negative Numbers and String values ensuring the conversion of final output as Number using + also fixing the decimal using toFixed(2) fn of Js.

🍭Finally showing some conditional Tips to the user based on the input provided and the WHO guidelines for the BMI index. Dynamically reflecting values to UI for better UX

#UI #UX #responsive #frontenddeveloper #frontend #frontendproject #Javascript #HTML #CSS #glassmorphism #dsa #jobs #jobseekers #learningprogress #learninpublic

About

BMI index calculator which is used to understand the status of weight to height ratio of an adult person as per the WHO guidelines for BMI. a cool looking container having glassmorphism effect and a bg image made using HTML, CSS. the logic of getting user inputs dynamically and computing the BMI value with conditional Tips implemented using DOM.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages