PROJECT

BMI calculator web app with custom qualification logic

Custom web-based calculator development, Slider input functionality, Conditional logic implementation based on dataset, Responsive UI using Materialize, Client-defined height/weight logic integration, Deployment and delivery of demo and source files

  • Industry: Web development
  • United States Location: United States
  • Delivery time: 1 week
  • Technologies: HTML, JavaScript
  • Rated: 5/5
1 month

Project overview

2410 developed a custom BMI calculator based on client requirements. The app allows users to input their gender, height, and weight, and checks whether they fall into a qualifying range based on a dataset for height/weight per gender.

Additional logic ensures calculations only occur if weight is within the specified range for a given height. The calculator includes dynamic sliders for height and weight, which were later updated to use fixed custom values instead of relying entirely on dataset constraints.

Client was highly satisfied, noting that 2410 'did a great job,' 'understood all my requirements,' and 'exceeded expectations.' Communication was smooth, with quick turnaround on revision requests and technical explanations provided for future maintenance. A 5-star rating and a tip were given.

- dasmooth98

Key features delivered

  • Gender selection with logic branching
  • Height/weight sliders with customizable min/max values
  • Dynamic validation against predefined qualification ranges
  • Modular JS functions (`init_range`, `get_range_data`, `check`)
  • Clean, responsive UI using Materialize framework
  • Deployed online demo for client testing
  • Commented code for future updates

Screenshots

BMI Calculator Interface – features gender selection, height and weight sliders, and a clean UI powered by Materialize.

BMI Calculator Interface – features gender selection, height and weight sliders, and a clean UI powered by Materialize.

Technology stack

HTML JavaScript CSS wNumb noUiSlider