https://github.com/thekiranmahajan/bmi-calculator
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.
https://github.com/thekiranmahajan/bmi-calculator
bmi-calculator css dom-manipulation glassmorphism glassmorphism-css html javascript user-tips
Last synced: 7 months ago
JSON representation
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.
- Host: GitHub
- URL: https://github.com/thekiranmahajan/bmi-calculator
- Owner: thekiranmahajan
- Created: 2024-01-06T13:25:11.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-01-06T17:09:53.000Z (almost 2 years ago)
- Last Synced: 2025-01-27T14:52:22.370Z (8 months ago)
- Topics: bmi-calculator, css, dom-manipulation, glassmorphism, glassmorphism-css, html, javascript, user-tips
- Language: CSS
- Homepage: https://bmi-calculator-ray.vercel.app/
- Size: 5.86 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Hello Folks,๐ โ๏ธ
Here with another ๐๐ฎ๐๐ฎ๐ฆ๐ฐ๐ฟ๐ถ๐ฝ๐ ๐ฃ๐ฟ๐ผ๐ท๐ฒ๐ฐ๐ {๐ด/๐ญ๐ฎ} : ๐๐ ๐ ๐๐ฎ๐น๐ฐ๐๐น๐ฎ๐๐ผ๐ฟ โ๏ธ
๐ป Live Deployed link: https://bmi-calculator-ray.vercel.app/
๐GitHub Repo Link: https://github.com/thekiranmahajan/bmi-calculator
https://github.com/thekiranmahajan/bmi-calculator/assets/91893931/b22c2c62-df8c-468c-a030-4ed4db433eb7
โญ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