Skip to content

Shafi810/BodySensePro

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

BodySensePro

A powerful, animated BMI (Body Mass Index) calculator that shows your health status with stylish effects, alerts, and responsive design.

🚀 Live Demo

👉 Click here to try it now


Built With

  • HTML5
  • CSS3 (Custom Animations)
  • JavaScript (Events, Logic, setTimeout)
  • Font Awesome
  • Audio Alert for Overweight

Features

  • Calculates BMI instantly
  • Siren sound if BMI is overweight
  • Custom slide & flip animations using JavaScript
  • Auto clears result after 3–4 seconds
  • Fully responsive design

📌 How It Works

addEventListener() listens for form submit

if/else logic checks for valid inputs

setTimeout() auto-resets the result and clears the form

Animation classes (e.g. zoom-in-bottom-up, flip-box-init) are triggered with JS

Audio alert (ding.mp3) plays for overweight condition


📁 Folder Structure

/BodySensePro
├── index.html
├── style.css
├── java.js
├── README.md
└── /audio/
    └── ding.mp3

About

Description: A beautiful BMI calculator with animations and sound alerts

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors