dhairyagothi / 50_days_50_web_project

This repository contains 50 web projects from basic to intermediate using html css and js Please star the repo before start working on it
https://50-days-50-web-project.vercel.app/
MIT License
28 stars 37 forks source link

Enhance BMI Calculator with Visualization, Unit Conversion, and Personalized Tips #275

Closed atharva012004 closed 1 month ago

atharva012004 commented 1 month ago

Is your feature request related to a problem? Please describe. The current BMI calculator only provides a numerical result without any visualization or context. It lacks interactive features that can help users understand their BMI trends over time and doesn't offer practical advice based on their BMI category. Additionally, entering height and weight in a single unit system can be inconvenient for users accustomed to different units.

Describe the solution you'd like

  1. Include Chart for BMI Data Visualization: Add a chart to visualize BMI data over time. This will help users track their progress and understand trends in their BMI.
  2. Add Unit Conversion Options: Provide options for inputting height and weight in different units (e.g., feet/inches, pounds). Convert these units to metric units for BMI calculation. This will make the calculator more versatile and user-friendly.
  3. Add Tips Feature: Based on the BMI category (underweight, normal, overweight, obese), provide personalized health tips. This will offer users actionable advice to improve their health index based on their BMI.

Describe alternatives you've considered

  1. Static Graphs: Instead of using Chart.js for dynamic visualization, static graphs could be generated, but this would reduce the interactivity and user engagement.
  2. Manual Unit Conversion: Users could manually convert their height and weight to metric units, but this adds an extra step and may lead to errors.
  3. General Health Tips: Providing general health tips regardless of BMI category, but this would not be as personalized or effective in helping users improve their health.

Additional context Adding these features will not only make the BMI calculator more informative and user-friendly but also engage users with interactive and personalized content. Here are some screenshots/mockups of how the features could be integrated into the existing interface:

  1. BMI Data Visualization Chart:

Screenshot 2024-07-13 222752

  1. Unit Conversion Options:

Screenshot 2024-07-13 222618

  1. Personalized Health Tips:

Screenshot 2024-07-13 222648

github-actions[bot] commented 1 month ago

Thank you for raising this issue! We'll look into it as soon as possible. Please ensure that the issue is not duplicate, and you read CONTRIBUTING.md carefully. Your contributions are highly appreciated! 😊

dhairyagothi commented 1 month ago

assigned @atharva012004

github-actions[bot] commented 1 month ago

Hello @atharva012004! Your issue #275 has been closed. Thank you for your contribution!