Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Added BMI-Calculator.md #860

Open
wants to merge 1 commit into
base: master
Choose a base branch
from
Open

Added BMI-Calculator.md #860

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
43 changes: 43 additions & 0 deletions Projects/1-Beginner/BMI-Calculator.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -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.