Projects

BMI Calculator

This is one of my project I made from The Complete 2020 Flutter Development Bootcamp with Dart from Udemy.

Home Page

Preview

This 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. The objective of this project is to understand how we can customize Flutter Widgets to achieve our own beautiful user interface designs.

It has two screen, which is the home page, and the other one is the result page. It basically take our gender, height, age, and weight in order to show our BMI results.

Calculating BMI

Preview

This project taught me how to use Flutter themes to create coherent branding, 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 and how to customise Flutter Widgets to achieve a specific design style.

Besides that, it also helps me understand Dart Enums and the Ternary Operator, learn about composition vs. inheritance and the Flutter way of creating custom UI, and lastly to understand the difference between const and final in Dart and when to use each.

BMI Result

Preview

The app is available on Google PlayStore and it's published by me. As for now, it available for Android only and I'm unable to publish to Apple AppStore since we are required to pay RM400 to register for Apple Developer account and able to publish to Apple AppStore.

The Apple Developer account has to be renewed for RM400 every year, which is quite expensive. While for Google Play Developer account just requires me to pay for RM100 for lifetime to register as developer. It's much worth there.