User authentication with Firebase Auth

[SarahBornais]

Motivation

We will eventually want to use Firebase to store tasks on the cloud. This is especially important if we ever want to make this app cross-platform (users will want to sync tasks between multiple devices).

Task

First, you'll need to set up Firebase with our app. Our team has a Google account that you can use to log into Firebase (direct message me on Slack to get the credentials). Start by adding an Android app on the Firebase console. The Android package name can be found in the Android manifest file for our app (in android/app/src/main/AndroidManifest.xml). You can input something like "Time Tracker" for the App nickname and you can leave the Debug signing certificate SHA-1 blank for now. The Firebase console walks you through the rest of the setup - make sure that you get the app to successfully communicate with the Firebase servers in step 4 (do not skip this!).

To set up Firebase Auth, read through the FlutterFire Auth docs to get started. Then, create a new folder called screens in the lib directory and add a file called register.dart where you'll put the registration screen code. In the app bar in main.dart add an action that takes the user to the registration screen (you can use the account_circle_rounded icon or find another appropriate icon you like here).

When you're done the registration screen, make sure to write some widget tests for it.

Next, add another file called login.dart in the lib/screens folder and add a screen to log a registered user in. You can add a button to the registration screen that takes the user to the login screen (this doesn't need to be fancy - we're going to change it later). Again, when you're done the login screen, write some widget tests for it to make sure that everything works.