iArpitVerma / Bmi_Calculator

BMI Calculator, a multi screen app with simple functionality but full-on custom styling.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

BMI Calculator 💪

Goal

The objective of this repository is to look at how we can customise Flutter Widgets to achieve our own beautiful user interface designs. If you have a designer on board, no matter how unconventional their designs are, you can create them using Flutter.

What is this project

I created a Body Mass Index Calculator inspired by the beautiful designs made by Ruben Vaalt. It is a multi screen app with simple functionality but full-on custom styling.

Finished App

What I have learnt

  • How to use Flutter themes to create coherent branding.
  • How to create multi-page apps using Flutter Routes and Navigator.
  • How to extract and refactor Flutter Widgets with a click of the button.
  • How to pass functions as parameters and fields.
  • How to use the GestureDetector Widget to detect more than just a tap.
  • How to use custom colour palettes by using hex codes.
  • How to customise Flutter Widgets to achieve a specific design style.
  • Understood Dart Enums and the Ternary Operator.
  • Learnt about composition vs. inheritance and the Flutter way of creating custom UI.
  • Understood the difference between const and final in Dart and when to use each.

How to setup the project

  • Clone the repository.
  • Open it in VSCode or Android Studio
  • Go to pubspec.yaml and click on 'Pub get' to download all the dependencies used in project.

About

BMI Calculator, a multi screen app with simple functionality but full-on custom styling.

License:MIT License


Languages

Language:C++ 36.6%Language:CMake 30.2%Language:Dart 25.8%Language:HTML 3.0%Language:C 2.3%Language:Swift 1.9%Language:Kotlin 0.2%Language:Objective-C 0.1%