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

We first need to install the `google_mobile_ads` package. We can install it by using the following command:


> **Note**: We can also install it by writing `google_mobile_ads` in the `pubspec.yaml` file under the `dependencies` tag.

## Code

Let's analyze the code present in the `admob.dart` file.

This code defines a singleton class called `AdMob` that is used to manage an interstitial ad in a Flutter app. We have made the class singleton. This means that, globally, this class will have only one single instance at a time. So each time it instantiates, we'll get the same instance of this class that was first instantiated. We are doing that so we know how we can achieve singleton in Dart, if we need to. 


An interstitial ad is a full-page ad that is displayed at natural breaks in the app, such as between screens or while a screen is loading.

The `AdMob` class has several properties and methods:

* `_interstitialAd`: It's a private field that stores the interstitial ad object.

* `isLoaded`:  It's a public getter that returns a boolean value indicating whether the ad is currently loaded.

* `setIsLoaded`: It's a method that sets the value of `isLoaded`.

* `shouldAdBePlayed`:  It's a method that returns a boolean value indicating whether the ad should be displayed. This method currently always returns `false`.

* `createInterstitialAd`: It's a method that creates an interstitial ad and loads it. It uses the load method of the `InterstitialAd` class to load the ad with a specified ad unit ID and `AdRequest`. It also sets a `InterstitialAdLoadCallback` to handle the ad load event. If the ad loads successfully, it sets the value of `isLoaded` to `true` and stores the ad object in `_interstitialAd`. If the ad fails to load, it sets the value of `isLoaded` to `false` and sets `_interstitialAd` to null.

* `showInterstitialAd`: It's a method that displays the interstitial ad if it is currently loaded. It also sets a `FullScreenContentCallback` to handle the ad being shown and dismiss events. If the ad is dismissed, it disposes of the ad and creates a new one.


If we want to show the ads periodically after every five visits to the `todo_screen`, then, in that case, we have to maintain a count variable in the `AdMob` class, which will give us the actual value of the count irrespective of the number of times it gets instantiated. 

## Functions
 **Line 31:** The `createInterstitialAd` creates an interstitial ad for us whenever we call it. Currently, in development, we use a test ID to generate ads. In production, we'll replace it with the ID we [created on AdMob](https://admob.google.com/home/).
Once the ad loads, we get a callback on which we can set our `_interstitialAd`.

**Line 55**: The `showInterstitialAd` function should only be called after the interstitial ad loads to show the ads.

> **Note**: We can also install it by writing `google_mobile_ads` in the `pubspec.yaml` file under the `dependencies` tag.

# Code

Let's analyze the code present in the `admob.dart` file.

This code defines a singleton class called `AdMob` that is used to manage an interstitial ad in a Flutter app. We have made the class singleton. This means that, globally, this class will have only one single instance at a time. So each time it instantiates, we'll get the same instance of this class that was first instantiated. We are doing that so we know how we can achieve singleton in Dart, if we need to. 


An interstitial ad is a full-page ad that is displayed at natural breaks in the app, such as between screens or while a screen is loading.

The `AdMob` class has several properties and methods:

* `_interstitialAd`: It's a private field that stores the interstitial ad object.

* `isLoaded`:  It's a public getter that returns a boolean value indicating whether the ad is currently loaded.

* `setIsLoaded`: It's a method that sets the value of `isLoaded`.

* `shouldAdBePlayed`:  It's a method that returns a boolean value indicating whether the ad should be displayed. This method currently always returns `false`.

* `createInterstitialAd`: It's a method that creates an interstitial ad and loads it. It uses the load method of the `InterstitialAd` class to load the ad with a specified ad unit ID and `AdRequest`. It also sets a `InterstitialAdLoadCallback` to handle the ad load event. If the ad loads successfully, it sets the value of `isLoaded` to `true` and stores the ad object in `_interstitialAd`. If the ad fails to load, it sets the value of `isLoaded` to `false` and sets `_interstitialAd` to null.

* `showInterstitialAd`: It's a method that displays the interstitial ad if it is currently loaded. It also sets a `FullScreenContentCallback` to handle the ad being shown and dismiss events. If the ad is dismissed, it disposes of the ad and creates a new one.


If we want to show the ads periodically after every five visits to the `todo_screen`, then, in that case, we have to maintain a count variable in the `AdMob` class, which will give us the actual value of the count irrespective of the number of times it gets instantiated. 

# Functions
 **Line 31:** The `createInterstitialAd` creates an interstitial ad for us whenever we call it. Currently, in development, we use a test ID to generate ads. In production, we'll replace it with the ID we [created on AdMob](https://admob.google.com/home/).
Once the ad loads, we get a callback on which we can set our `_interstitialAd`.

**Line 55**: The `showInterstitialAd` function should only be called after the interstitial ad loads to show the ads.

Learn how to get mobile ads displayed on our app.

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

AdMob Model

Code