BMI Calculator is a Flutter application designed to calculate Body Mass Index (BMI) and help users track their health status. With a modern design and intuitive interface, this app is perfect for anyone looking to manage their fitness journey effectively.
- BMI Calculation: Quickly and accurately calculate BMI using height and weight inputs.
- User Accounts: Securely register and log in to access personal data.
- History Tracking: Save and view BMI history to monitor progress over time.
- Password Management: Securely store and manage user login credentials.
- Multi-Screen Navigation: Smooth navigation between input, results, and history screens.
- Themed Design: Coherent branding achieved through Flutter's powerful theming system.
- Custom Widgets: Beautifully styled UI components tailored for this app.
- Responsive Design: Fully responsive layout compatible with various screen sizes and orientations.
The objective of this project is to demonstrate how Flutter Widgets can be customised to create beautiful, unique user interfaces. The project showcases that no matter how unconventional the design is, Flutter can bring it to life.
This project is a Body Mass Index Calculator inspired by the stunning design concepts from Ruben Vaalt. It features a modern multi-screen layout with seamless navigation and a stylish, intuitive user experience.
Working on this project will teach you several important Flutter development skills:
- Flutter Theming: Learn to create consistent and cohesive app branding using themes.
- Multi-Page Apps: Master navigation using Flutter Routes and the
Navigatorclass. - Widget Refactoring: Simplify and organise code by refactoring Widgets.
- Passing Functions: Understand how to pass functions as parameters and fields.
- Gesture Detection: Use the
GestureDetectorwidget to detect various user interactions. - Custom Colours: Apply hex codes for creating vibrant, custom colour palettes.
- Widget Customisation: Modify default Flutter Widgets to match specific design needs.
- Dart Enums: Manage states and conditions effectively using Dart Enums.
- Ternary Operator: Simplify conditional expressions with Dart's ternary operator.
- Composition vs Inheritance: Discover the Flutter way of building UI using composition.
- Const vs Final: Learn the differences and best practices for
constandfinalin Dart.
- Input Screen: Enter height and weight to calculate BMI.
-
Results Screen: Display BMI results along with health categorisation.
-
History Screen: View past BMI calculations and track progress.
To run the BMI Calculator on your local machine, follow these steps:
- Clone this repository:
git clone https://github.com/Angera-Silas/BMI-Calculator.git
- Navigate to the project directory:
cd BMI-Calculator - Install Dependencies:
flutter pub get
flutter run