Gain insights into building a Todo app with Flutter, Firebase, AdMob, and InAppPurchases. Delve into UI design, CRUD functionality, and app monetization. Publish to Google Play Store.

Flutter- Build and publish your first mobile app-01.png

flutter_last_hope.tar.gz

run-provider

This course is designed to guide you through the process of building your first app using Flutter, a popular cross-platform framework for mobile application development. The course assumes that you are familiar with the object-oriented programming paradigm, which is a fundamental programming approach used in many modern programming languages, including Dart (the language used in Flutter).

In this course, you will learn how to build a Todo app, which will have CRUD functionality. You will also learn how to design the user interface of the app using Flutter widgets and handle user input and data storage using Firebase, a popular backend-as-a-service platform. Moreover, you understand how to monetize your app by integrating AdMob and InAppPurchases. 

By the end of the course, you will have a working Todo app that you can publish on the Google Play Store. You will also have a solid foundation in using Flutter, Firebase, AdMob, and InAppPurchases to build and monetize your mobile applications.

Build and Publish Your First Mobile App Using Flutter

Since the provider is a third-party package, we need to install it first.
# Add dependency
To add a provider, run the following command in the terminal inside the project folder. This will add the package in `pubspec.yaml`.
```
flutter pub add provider
```

# How it works
The provider provides something to its underlying widget. We know that in Flutter we have widget trees that make up our whole UI, so a provider providing something at one node will be known by all of its `child` widgets. This is the key fundamental in the provider package. And what does it provide? Its actual state or value. 

Let's see how this works by looking at an example. Remember our counter app that increments the counter and changes its state using the `setState()` of the stateful widget? In this lesson, we'll rewrite that program and use the provider package to achieve this feat. Since we no longer need the `setState()` function, we can use a stateless widget instead of the stateful one.

# Implementation

First, we have created a class called `CounterProvider` that has just one state called `counter` and extends the `ChangeNotifier` class. While setting its value via setter, we call `notifyListeners()` to notify objects for whatever is listening to it.

The `ChangeNotifier` class comes with Flutter SDK itself, and from here, we get `notifyListeners()`.

We can see this line of code inside our widgets:

```
CounterProvider counterProvider =
    Provider.of<CounterProvider>(context, listen: true);
```
This line of code is responsible for listening to the `CounterProvider` and updating its state whenever the `notifyListeners()` of this class is called.

Learn about the provider package, which will be used for state management.

Introduction to Course

Flutter Basics

Common Widgets

Firebase Setup

State Management

AdMob and InAppPurchase

Todo App Models

Todo UI Screens

Essential Tools to Enhance Your Flutter Workflow

Publishing to the Play Store

Appendix

Provider Package