BMI Calculator - A Body Mass Index Calculator inspired by the beautiful user interface designs.

Last update: Dec 2, 2021

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

Android.Emulator.-.Nexus_6_API_30_5554.2021-12-02.20-24-06_Trim.mp4

GitHub

https://github.com/Vedant271/BMI-Calculator-App
You might also like...

An ultimate cheatbook of curated designs

An ultimate cheatbook of curated designs

Layouts Container Row MainAxisAlignment CrossAxisAlignment Column MainAxisAlignment CrossAxisAlignment Center Align Padding SizedBox Expanded Flexible

Jun 30, 2022

A simple app to calculate BMI, with a beautiful and minimalistic UI.

practice A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started if this

Nov 6, 2021

A simple BMI calculator made in Flutter

imc_app A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started if this

May 29, 2022

London App Brewery BMI Calculator

London App Brewery BMI Calculator

BMI Calculator ­čĺ¬ Our Goal The objective of this tutorial is to look at how we can customise Flutter Widgets to achieve our own beautiful user interfa

Nov 1, 2021

Basic Flutter BMI Calculator

Basic Flutter BMI Calculator

bmi_calculator Getting Started This project is a starting point for a Flutter application. A few resources to get you started if this is your first Fl

Dec 7, 2021

A BMI calculator app developed with Flutter.

A BMI calculator app developed with Flutter.

BMI Calculator BMI Calculator is a Body Mass Index(BMI) calculator app developed with Flutter. Currently, the BMI is calculated using Metric units. Su

Mar 28, 2022

My first bmi calculator using flutter and basic functionalities.

My first bmi calculator using flutter  and basic functionalities.

bmi_calculator A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started i

Jan 24, 2022

Nexus is a state management library that makes it easy to create and consume your application's reactive data to the user interface.

Nexus ­čÜÇ Nexus is a state management library that makes it easy to create and consume your application's reactive data to the user interface. With nex

Jan 6, 2022

Uygulamamda index,toplama,cikarma,b├Âlme ve ├žarpma sayfalar─▒ mevcuttur.

Uygulamamda index,toplama,cikarma,b├Âlme ve ├žarpma sayfalar─▒ mevcuttur.

Flutter D├Ârt ─░┼člem Uygulamas─▒ Uygulamamda index,toplama,cikarma,b├Âlme ve ├žarpma sayfalar─▒ mevcuttur. Toplamda 5 adet sayfam─▒z bulunmaktad─▒r. Kodlar─▒n

Mar 28, 2022

Related

Bmi calculator flutter - Calculate your BMI(Body Mass Index) with this app made with flutter.
Bmi calculator flutter - Calculate your BMI(Body Mass Index) with this app made with flutter.

bmi_calculator_flutter A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you s

Jan 2, 2022
BMI Calcaluator - Flutter app to calculate Body mass index (BMI)

flutter_learn A new Flutter application. Getting Started This project is a starting point for a Flutter application. A few resources to get you starte

Jan 3, 2022
It is a body mass index calculator made using flutter.

Body Mass Index (BMI) What is it? This is a flutter project. Basically this a Body Mass Index (BMI) calculator. I made this for practice purpose. The

Dec 11, 2021
Body-mass index calculator.

bmi_calculator An body mass index calculator app. Getting Started This project is a starting point for a Flutter application. A few resources to get y

Jan 10, 2022
BMI calculator app - BMI calculator app written with dart language using flutter
BMI calculator app - BMI calculator app written with dart language using flutter

BMI_calculator_app This app is written with dart language using flutter framewor

Feb 5, 2022
A beautiful BMI Calculator App Using Flutter

BMI Calculator What you will create WeÔÇÖre going to make a Body Mass Index Calculator inspired by the beautiful designs made by Ruben Vaalt. It will be

Dec 28, 2021
A beautiful BMI calculator app. Developed using Flutter.
A beautiful BMI calculator app. Developed using Flutter.

A beautiful BMI calculator app. Developed using Flutter.

Jun 8, 2022
TheMathU Similarity Index App will accept a mathematical problem as user input and return a list of similar problems that have memorandums.
TheMathU Similarity Index App will accept a mathematical problem as user input and return a list of similar problems that have memorandums.

Technologies MathU Similarity Index - Segmentation Cult The MathU Similarity Index App accepts a mathematical problem as user input and returns a list

Jun 13, 2022
Challenge yourself every weekend with flutter. Join me to implement challenging UI & digital designs using Flutter.
Challenge yourself every weekend with flutter. Join me to implement challenging UI & digital designs using Flutter.

Weekend With Flutter This is my new challenge. Every weekend, I want to implement challenging UI & digital designs using Flutter. you can join me with

Feb 24, 2022
Just collection of UI designs build with flutter. Can run on any mobile, web & desktop.
Just collection of UI designs build with flutter. Can run on any mobile, web & desktop.

Flutter UI Designs True cross platform app runs on web, mobile & desktop Download Requirements to run locally Flutter stable v2.0.0+ Dart VM version:

May 29, 2022