the varied intake weight loss calculator allows you to input multiple intakes for safe weight loss. weight loss calculator websites give you one intake option for the entirety of your weight loss journey -- this isn't healthy or realistic. your resting intake and active intakes must fluctuate so you have enough energy to function.
this was created with Jean Verster's Chakra UI Steps component (https://github.com/jeanverster/chakra-ui-steps).
- multi step form
- dynamic number of calorie input fields
- male and female weightloss calculations from input
- responsive design
- react + chakra UI
- bmr: basic metabolic rate (calories your brain needs to function)
- tdee: total daily energy expenditure (calories your body needs, relative to activity level)
- deficit: the difference between the calories consumed and the tdee, this is what causes weight loss
- redux toolkit
- form validation
- option to switch to imperial
- option to email diet intakes to user
find a bug? please create an issue and we'll fix it together for a better calculator:)
contributions are always welcome! here's how:
- fork the repository (here is the guide).
- clone to your machine git clone https://github.com/YOUR_USERNAME/healthy-weightloss-calculator-react.git
- make your changes
- create a pull request
- brand new react version
- male and female input
- female-input-only
- initial release bootstrap-only
hope you're having a beautiful day
🤍
🤍