https://github.com/ruferdz/bmi-calculator

A simple Body-Mass Index Calculator Application Using Flutter 📱
https://github.com/ruferdz/bmi-calculator

Last synced: 7 months ago
JSON representation

A simple Body-Mass Index Calculator Application Using Flutter 📱

• Host: GitHub
• URL: https://github.com/ruferdz/bmi-calculator
• Owner: RuFerdZ
• Created: 2020-07-20T18:49:16.000Z (almost 6 years ago)
• Default Branch: master
• Last Pushed: 2020-07-20T18:54:30.000Z (almost 6 years ago)
• Last Synced: 2025-01-20T06:15:08.839Z (over 1 year ago)
• Language: Dart
• Size: 55.7 KB
• Stars: 1
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          

# BMI Calculator 💪

## Objective

The objective of this is to look at how we can customise Flutter Widgets to achieve our own beautiful user interface designs.

## What you will create

I made a Body Mass Index Calculator inspired by the beautiful designs made by [Ruben Vaalt](https://dribbble.com/shots/4585382-Simple-BMI-Calculator). It will be a multi screen app with simple functionality but full-on custom styling. 

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

## What I 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.

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

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