A simple and interactive Flutter application to calculate and interpret Body Mass Index (BMI). The app supports dynamic themes (light/dark mode), allows users to input their details (gender, age, height, and weight), and provides BMI results with interpretations tailored for both adults and children.
- Dynamic Light/Dark Mode: Users can toggle between light and dark themes for a personalized experience.
- Gender Selection: The app allows users to select their gender for more accurate interpretation of BMI results.
- Age and Child-Specific Interpretation: The BMI calculation considers both age and gender to provide interpretations for adults and children.
- Smooth Navigation: Includes a loading screen before displaying results to enhance the user experience.
- Simple and Intuitive UI: A clean design for easy input and understanding of BMI results.
- Proper Error Handling: The app validates user input and displays error messages for incorrect data.
- About BMI: Additional information about BMI and its significance for health.
- Responsive Design: The app is designed to work on both Android and iOS devices.
Home Screen | Navigation Bar | Result Screen | About BMI |
---|---|---|---|
Light Mode | Dark Mode |
---|---|
- Enter your age, weight (in kg), and height (in cm).
- Select your gender using the radio buttons.
- Press the Calculate BMI button.
- Wait for the loading screen to display your result.
- View your BMI and interpretation on the result screen.
- Flutter: Cross-platform development framework.
- Dart: Programming language used with Flutter.
- Material Design: UI components to build a visually appealing app.
Example Calculations:
- COnsidering Adult Male (25 years, 178 cm, 69.8 kg):
- BMI = 24.2 (Normal weight)
- Considering Adult Female (35 years, 162.5 cm, 59.9 kg):
- BMI = 22.1 (Normal weight)
- Considering Child (10 years, 142.5 cm, 38.6 kg):
- BMI-for-age percentile = 50th percentile (Normal weight)
lib/
|-- main.dart
|-- BMIScreen.dart # Home screen for inputting details
|-- BMIResultScreen.dart # Result screen showing BMI and interpretation
|-- AboutBMI.dart # Additional information about BMI
|-- NavBar.dart # Navigation bar for app-wide navigation
-
Clone this repository:
git clone https://github.com/Manraj29/bmi-calculator-app.git
-
Navigate to the project directory:
cd bmi-calculator-app
-
Install dependencies:
flutter pub get
-
Run the app:
flutter run