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

Overview

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
You might also like...

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:

Dec 28, 2022

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

Dec 27, 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

Dec 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

Sep 7, 2022
Owner
Vedant Karale
Vedant Karale
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

Joel Nickson 1 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

Ahmed Abdultawab 0 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

null 1 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

Thiago Geronimo 1 Jan 10, 2022
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

Elham Madjidi 0 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

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

A beautiful BMI calculator app. Developed using Flutter.

Rashid Razak 21 Dec 7, 2022
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

COS 301 - 2022 7 Nov 2, 2022
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

Payam Zahedi 16 Feb 24, 2022