Login & Registration Pages - lawsonpeters12/Tech-Connect GitHub Wiki

Login & Registration

Introduction

Tech Connect allows users to create and login to their accounts with an email and password that they create. This information is stored in a Firebase database and is secured by their cloud services

Table of Contents

  1. Logging In
  2. Account Creation
  3. Resetting Password
  4. Firebase Authentication

Logging In

The first page the user sees is the login page. Before access to the app is granted, a user must first login to their created account or create one. Whenever the user inputs their account information and then taps the "Login" button, they will be able to access Tech Connect. If the user so chooses, they can login via Google by tapping the "Sign-in with Google" option at the bottom of the login page.

image

Creating account

If the user does not have an account, they are given the option to create one at the bottom of the page.

Login button

Whenever the user is ready to login, they can press this button. If any information is incorrect or not stored in the backend, the user will be provided with a message pop up on the screen with a description of the error.

Google Sign-in

If the user wants to log in via Google, they can click the "Sign-in with Google" option on the bottom of the sign-in page. After they authenticate with their Google account, an account will be created for them in Tech Connect. Subsequent logins must be through Google as well to allow access to their account.

Account Creation

If the user does not have an account, they can create an account by going to the account creation page. This page prompts the user to input an email and a password into two text boxes. In addition to these two text input fields, a third is provided to allow the user to confirm that their password is typed correctly. If the user already has an account, they can return to the login page by clicking the link at the bottom of the account creation page.

image

Create Account button

Once the user has input all of their information, the data will be passed to the Firebase backend service for authentication. If the information is not valid (bad email, password and confirm password do not match, weak password), the user will be given an error message pop-up on their screen.

image

Resetting Password

If a user were to forget their password, they can access a password reset option by tapping on the option on the login page. This option will allow the user to type in their email and receive a link to reset their password. This function is handled by Firebase, and, as such, their password will be updated in the cloud immediately.

Firebase Authentication

Google's Firebase platform is used to provide the backend database for Tech Connect. Since Flutter is also made by Google, Firebase integration was very easy. User information, including email and user ID, are stored and visible to administrators of the database. User passwords are NOT shown to administrators. Users can be deleted or updated from the Firebase interface. In the future, 3rd party support can be added for logging in and authentication with the goal of connecting Tech Connect with Louisiana Tech's CAS.