https://github.com/martiinwalsh/bmi-calculator-app

A Body Mass Index Calculator app.
https://github.com/martiinwalsh/bmi-calculator-app

calculator dart flutter flutter-ui

Last synced: about 2 months ago
JSON representation

A Body Mass Index Calculator app.

• Host: GitHub
• URL: https://github.com/martiinwalsh/bmi-calculator-app
• Owner: MartiinWalsh
• Created: 2020-11-18T11:47:05.000Z (almost 5 years ago)
• Default Branch: master
• Last Pushed: 2020-11-18T11:49:28.000Z (almost 5 years ago)
• Last Synced: 2025-07-02T10:51:14.958Z (3 months ago)
• Topics: calculator, dart, flutter, flutter-ui
• Language: Dart
• Homepage:
• Size: 51.8 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
![App Brewery Banner](https://github.com/londonappbrewery/Images/blob/master/AppBreweryBanner.png)

>This is a companion project carried out as part of The App Brewery's Complete Flutter Development Bootcamp, check out the full course at [www.appbrewery.co](https://www.appbrewery.co/)

# BMI Calculator

## The Application

A Body Mass Index Calculator inspired by the designs made by [Ruben Vaalt](https://dribbble.com/shots/4585382-Simple-BMI-Calculator).  

It is a multi screen app with simple functionality but a lot of custom styling.

![Finished App](https://github.com/londonappbrewery/Images/blob/master/bmi-calc-demo.gif)

## The following was learned through developing this application

- 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.

- Understand Dart Enums and the Ternary Operator.

- Learn about composition vs. inheritance and the Flutter way of creating custom UI.

- Understand the difference between const and final in Dart and when to use each.

>This is a companion project to The App Brewery's Complete Flutter Development Bootcamp, check out the full course at [www.appbrewery.co](https://www.appbrewery.co/)

![End Banner](https://github.com/londonappbrewery/Images/blob/master/readme-end-banner.png)