Skip to content

Hosam11/CompleteFlutterDevelopment

Repository files navigation

CompleteFlutterDevelopment

This repo for what I learned in: Flutter Development Bootcamp with Dart

Magic-8-Ball App

Simple app that display a magical 8 ball app, it will give you the answers to all the tricky questions in life. the ball change at the press of a button.

What we learn:

  • Use Flutter stateless widgets to design the user interface and stateful widgets to update the user interface
  • Change the properties of various widgets and onPressed listeners to detect when buttons are pressed.
  • Use setState to mark the widget tree as dirty and requiring update on the next render.
  • Use Expanded to make widgets adapt to screen dimensions.

Code link

Demo

magic_8_ball

BMI-Calculator App

Simple app that takes height, weight and age and calculate Mass Index Calculator.

What we learn:

  • 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 & customise Flutter Widgets.

Code link

Demo

bmi_calc

Clima App

Simple weather app that find out the live weather data in the current location of the device as well as the weather for any city you can think of.

What we learn:

  • Perform asynchronous tasks and Understand async and await.
  • Use Futures and How to network with the Dart http package.
  • Get data from the internet and parse JSONs using the Dart convert package.
  • Pass data forwards and backwards between screens using the Navigator.
  • Handle exceptions in Dart using try/catch/throw and lifecycle of Stateful Widgets.
  • Use the Geolocator package to get live location data for both iOS and Android.
  • Use the TextField Widget to take user input.

Code link

Demo

clima-gif

Flash Chat App

Incorporate Firebase into our Flutter apps. We'll be using Firebase Cloud Firestore as well as the Firebase authentication package to equip our app with a cloud based NoSQL database and secure authentication methods.

What we learn:

  • Incorporate Firebase into your Flutter projects and use Firebase authentication to register and sign in users.
  • Create beautiful animations using the Flutter Hero widget and create custom aniamtions using Flutter's animation controller.
  • Mixins and how they differ from superclasses and Streams and how they work.
  • ListViews to build scrolling views and use Firebase Cloud Firestore to store and retrieve data on the fly.

Code link

Demo

chat gif

Todoey App - Final app

A todolist app to keep track of all your tasks.

What we learn:

  • Understand what is state and why we need to manage it.
  • Use List Builder and Use the Flutter BottomSheet Widget.
  • How the Provider package works and use it to manage app state.

Code link

Demo

todoey

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published