[Add a Play]: BMR & TDEE Calculator

[deansereigns]

Contributor Guidelines

• I have read the guidelines and discussion

What's the Play about?

This play demonstrates how to calculate Basal Metabolic Rate (BMR) and Total Daily Energy Expenditure (TDEE) using user inputs such as weight, height, age, gender, and activity level.

It helps users understand calorie expenditure concepts while demonstrating React and TypeScript concepts like controlled inputs, derived state, and separation of logic.

What ReactJS concept will be used to create this play?

This play uses the following ReactJS concepts:

• Functional Components for building modular and reusable UI
• useState hook for managing user input and form state
• useMemo hook for efficient calculation of derived values like BMR and TDEE
• Controlled Components for handling form inputs in a predictable way
• Component Composition for separating UI into smaller reusable components
• Separation of business logic into utility functions for better maintainability
• TypeScript integration for type safety and improved developer experience

Record

• I have checked the existing issues
• I have read the Contributing Guidelines
• I want to work on this issue
• I am a Hacktoberfest contributor

Code of Conduct

• I agree to follow this project's Code of Conduct

[github-actions]

Hey! contributor, thank you for opening an Issue 🎉.

@reactplay/maintainers will review your submission soon and give you helpful feedback. If you're interested in continuing your contributions to open source and want to be a part of a welcoming and fantastic community, we invite you to join our ReactPlay Discord Community.
Show your support by starring ⭐ this repository. Thank you and we appreciate your contribution to open source!
Stale Marking : After 30 days of inactivity this issue/PR will be marked as stale issue/PR and it will be closed and locked in 7 days if no further activity occurs.