From b66cd254727bf926dddf184e104f82416de9c301 Mon Sep 17 00:00:00 2001 From: Amarpreet Singh Date: Sat, 5 Oct 2024 23:54:56 -0700 Subject: [PATCH] Added BMI-Calculator.md --- Projects/1-Beginner/BMI-Calculator.md | 43 +++++++++++++++++++++++++++ 1 file changed, 43 insertions(+) create mode 100644 Projects/1-Beginner/BMI-Calculator.md diff --git a/Projects/1-Beginner/BMI-Calculator.md b/Projects/1-Beginner/BMI-Calculator.md new file mode 100644 index 000000000..7731f3bac --- /dev/null +++ b/Projects/1-Beginner/BMI-Calculator.md @@ -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.