PROJECT

Custom HTML meal plan calculator based on body metrics

Development of a custom web-based calculator, UI design replication from existing site, Responsive sliders and visual reference integration

  • Industry: Health and fitness
  • United States Location: United States
  • Delivery time: 3 weeks
  • Technologies: HTML, CSS
  • Rated: 5/5
1 month

Project overview

2410 developed a custom HTML calculator for generating personalized meal plans based on body metrics.

The logic and layout were modeled on an existing calculator from bodybuildingmealplan.com. The calculator includes user input for weight, gender, body fat percentage (with visual references), body type, and height (adjusted to feet/inches).

The project involved several rounds of refinement to match usability and accuracy expectations.

2410 was very communicative and delivered what I needed after a couple of revisions. Efficient and would hire again. Great attention to detail, including visual improvements and accurate input handling (like fixing skipped inch values in height slider).

- dayanahdz

Key features delivered

  • Sliders for weight and body fat %
  • Visual body fat reference illustrations
  • Body type selection with helpful descriptions
  • Height input in feet and inches with accurate step values
  • Responsive and mobile-friendly interface
  • Ready-to-integrate code for client’s website

Screenshots

Custom meal plan calculator UI developed by 2410, featuring visual body fat references and responsive sliders

Custom meal plan calculator UI developed by 2410, featuring visual body fat references and responsive sliders

Technology stack

HTML CSS JavaScript