/BMICalculateDietAdvice-ReactJs

Find out your BMI range, weight status, and the diet plan that's right for you.

Primary LanguageJavaScript

BMI Calculate and Diet Advice

🎉 Live Project 🎉


✔️ When you initially open the app, you'll see the Bmi calculation screen.

✔️ Your bmi range is determined using your weight and height data, and your bmi range as well as your weight status are displayed.

✔️ You can look at a diet list that is appropriate for your weight status if you want to.

✔️ Each piece of information you provide is saved, and your name and BMI are displayed in a table on the calculation page.

✔️ The react router is in charge of your in-app routing.

✔️ "What is the BMI?" is a good question to ask if you want to learn more about BMI. You are welcome to look at the page.

Tech Stack 🚀

  • React
  • React Router Dom
  • Styled Components
  • Local Storage
  • Context API
  • Chakra UI

Demo

GIF


GIF