BMI Calculator

  • A Body Mass Index Calculator inspired by the beautiful user interface designs. A multi screen app with simple functionality but full-on custom styling.

Concepts Used

  • Use Flutter themes to create coherent branding.
  • Create multi-page apps using Flutter Routes and Navigator.
  • Extract and refactor Flutter Widgets with a click of the button.
  • Pass functions as parameters and fields.
  • Use the GestureDetector Widget to detect more than just a tap.
  • Use custom colour palettes by using hex codes.
  • Customise Flutter Widgets to achieve a specific design style.
  • Dart Enums and the Ternary Operator.
  • Composition vs. inheritance and the Flutter way of creating custom UI.
  • Undifference between const and final in Dart and when to use each.

App Preview



View Github