BMI Calculator App

Build a BMI Calculator mobile app UI where users can: Select gender Adjust height using slider Increase/decrease weight & age Calculate BMI View result screen Use JavaScript to calculate BMI and switch between screens dynamically.

Core Build

Project Requirements

Build full mobile UI based on design
Create gender selection cards (Male / Female)
Highlight selected gender
Implement height slider (range input)
Display height value dynamically
Add weight controls (+ / - buttons)
Add age controls (+ / - buttons)
Create "Calculate" button
Calculate BMI using JS:
BMI = weight / (height/100)^2
Navigate to result screen after calculation
Display BMI result
Display status:
Underweight
Normal
Overweight
Obese
Add "Re-Calculate" button to go back

Submission Open

Ready to submit your solution?

Upload your project for mentor review and showcase your structure, polish, and implementation quality.

120+ developers joined

Login Required

You need to be logged in to submit your solution for this challenge.