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

In the todo screen, which is our home page, the top widget in the body will be our ` Calendar` widget.

# Code
Let's look at the code below:

# Explanation
To create the calendar, we use a third-party package called `table_calendar`.

To install this, we have to run the following commands:
```
flutter pub add table_calendar
```
```
flutter pub get
```
The package provides us with a widget called `TableCalendar`, which takes some parameters like `firstDay`, `lastDay`, `calendarFormat`, etc., to build the calendar, as we can see in the code.

The `CalendarWidget` class has two fields: `initialDaySelected` and `changeDay`.

- `initialDaySelected`: This signifies the last selected day in the `Calendar` widget. When the app launches, it will start with the current date, and if we put some other date in the widget, it will change to that date.

- `changeDay`: This is a function parameter that executes inside this widget. The body will be defined by the class calling the `CalendarWidget`. In our case, that is `TodoScreen`. 

We also use the `AdMob` class here. When the widget launches, its `initState` is called where we create the ad. Then we can show interstitial ads when each calendar day is pressed. 

Let's build the Calendar widget in the todo screen.

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

Todo Calendar Widget

Code

Explanation