Merge b66cd25472
into 08b771c863
commit
7cc70730d3
@ -0,0 +1,43 @@
|
|||||||
|
# BMI Calculator
|
||||||
|
|
||||||
|
**Tier:** 2-Intermediate
|
||||||
|
|
||||||
|
Build a Body Mass Index (BMI) calculator application to help users quickly and easily assess their body composition. The BMI Calculator will provide users with a simple way to calculate and interpret their BMI based on their height and weight.
|
||||||
|
|
||||||
|
## User Stories
|
||||||
|
|
||||||
|
- [ ] User can input their weight and height
|
||||||
|
- [ ] User can select their preferred unit system (Metric or Imperial)
|
||||||
|
- [ ] User can calculate their BMI
|
||||||
|
- [ ] User can see their BMI result and interpretation (underweight, normal, overweight, or obese)
|
||||||
|
- [ ] User can clear the input fields
|
||||||
|
|
||||||
|
## Bonus features
|
||||||
|
|
||||||
|
- [ ] User can save their BMI results with a date stamp
|
||||||
|
- [ ] User can view a history of their BMI calculations
|
||||||
|
- [ ] User can switch between different BMI calculation formulas (e.g., standard, adjusted for children or seniors)
|
||||||
|
- [ ] Implement a visual representation of the BMI scale
|
||||||
|
- [ ] Add a feature to calculate ideal weight range based on height
|
||||||
|
- [ ] Include health tips or recommendations based on BMI result
|
||||||
|
|
||||||
|
## Useful links and resources
|
||||||
|
|
||||||
|
- [BMI Formula](https://www.cdc.gov/healthyweight/assessing/bmi/adult_bmi/english_bmi_calculator/bmi_calculator.html)
|
||||||
|
- [localStorage in JavaScript](https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage)
|
||||||
|
- [Chart.js for data visualization](https://www.chartjs.org/)
|
||||||
|
|
||||||
|
## Example projects
|
||||||
|
|
||||||
|
- [BMI Calculator](https://codepen.io/JohnPaulFich/pen/MXmzzM)
|
||||||
|
- [BMI Calculator in Vue.js](https://github.com/sudheerj/vuejs-interview-questions-answers/tree/master/examples/bmi-calculator)
|
||||||
|
|
||||||
|
## Learning Outcomes
|
||||||
|
|
||||||
|
- Practice working with user input and form handling
|
||||||
|
- Implement mathematical calculations in JavaScript
|
||||||
|
- Gain experience with conditional logic for result interpretation
|
||||||
|
- Explore data persistence using localStorage
|
||||||
|
- Enhance UI/UX skills by creating an intuitive interface
|
||||||
|
|
||||||
|
Remember to style your BMI Calculator according to your preferences and make it user-friendly. This project will help you improve your HTML, CSS, and JavaScript skills while creating a practical health-related application.
|
Loading…
Reference in new issue