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 this lesson, we will build a sign-up screen. The sign-up screen will be a stateful `Scaffold` widget with the body of a  `Form` widget.

# Code
Let's look at the code below:

# Explanation
The `Form` has a `Column` widget as its child. The `Column` widget has the `TextFormField` for the name, email, and password of the user. Below that, we have the "SignUp" button, which creates the user's account with the help of the `firebase_auth` package.

Once we click the "SignUp" button, we call the `_saveForm` function on **line 166**. Here we initialize the `LoggedUser` instance for this app and create an account with the email and password provided by the user. 

Once the account gets created, we save the name and email into the path `users/{user.id}` by writing a Firestore query. After this, we initialize the fields of the `LoggedUser` instance that we created.

Once we catch any exception at any of the steps mentioned above, we show a `Snackbar` on **line 202** with an error message.

# Sign in
We have seen how to create a sign-up, but an app needs to have sign-in functionality too. 

We provide the "SignUp" and "SignIn" buttons together on the same screen. In the `Column` widget, the last child is a `Text` widget. Hitting the `Text` widget will change the state `isSignIn` on **line 175** to `true`. This condition will hide the `name` field, and only the `email` and `password` field will remain. The `_saveForm` function won't try to create a new account. Rather, it will try to log in to an existing account.   

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

Sign-up Screen

Code

Explanation