diff --git a/roster_management_system/.gitignore b/roster_management_system/.gitignore
index 0fa6b67..d009f5a 100644
--- a/roster_management_system/.gitignore
+++ b/roster_management_system/.gitignore
@@ -31,6 +31,10 @@
 .pub/
 /build/
 
+# Firebase – this is necessary if you use Firebase since it could otherwise 
+# lead to leaking of private certificates to your repository, which is no bueno.
+.firebase/
+
 # Web related
 lib/generated_plugin_registrant.dart
 
diff --git a/roster_management_system/.metadata b/roster_management_system/.metadata
index 05f4d5d..140b929 100644
--- a/roster_management_system/.metadata
+++ b/roster_management_system/.metadata
@@ -4,7 +4,7 @@
 # This file should be version controlled and should not be manually edited.
 
 version:
-  revision: 097d3313d8e2c7f901932d63e537c1acefb87800
+  revision: 4d7946a68d26794349189cf21b3f68cc6fe61dcb
   channel: stable
 
 project_type: app
diff --git a/roster_management_system/README.md b/roster_management_system/README.md
index 484a53b..389c2e5 100644
--- a/roster_management_system/README.md
+++ b/roster_management_system/README.md
@@ -1,9 +1,24 @@
-# roster_management_system
+# Roster-Management-System
 
 A new Flutter project.
 
 ## Getting Started
 
+FlutterFlow projects are built to run on the Flutter _stable_ release.
+
+### IMPORTANT:
+
+For projects with Firestore integration, you must first run the following commands to ensure the project compiles:
+
+```
+flutter pub get
+flutter packages pub run build_runner build --delete-conflicting-outputs
+```
+
+This command creates the generated files that parse each Record from Firestore into a schema object.
+
+### Getting started continued:
+
 This project is a starting point for a Flutter application.
 
 A few resources to get you started if this is your first Flutter project:
diff --git a/roster_management_system/android/.gitignore b/roster_management_system/android/.gitignore
index 6f56801..0a741cb 100644
--- a/roster_management_system/android/.gitignore
+++ b/roster_management_system/android/.gitignore
@@ -9,5 +9,3 @@ GeneratedPluginRegistrant.java
 # Remember to never publicly share your keystore.
 # See https://flutter.dev/docs/deployment/android#reference-the-keystore-from-the-app
 key.properties
-**/*.keystore
-**/*.jks
diff --git a/roster_management_system/android/app/build.gradle b/roster_management_system/android/app/build.gradle
index 494af55..7ed9d59 100644
--- a/roster_management_system/android/app/build.gradle
+++ b/roster_management_system/android/app/build.gradle
@@ -24,32 +24,44 @@ if (flutterVersionName == null) {
 apply plugin: 'com.android.application'
 apply plugin: 'kotlin-android'
 apply from: "$flutterRoot/packages/flutter_tools/gradle/flutter.gradle"
+apply plugin: 'com.google.gms.google-services'  // Google Services plugin
 
-android {
-    compileSdkVersion flutter.compileSdkVersion
-
-    compileOptions {
-        sourceCompatibility JavaVersion.VERSION_1_8
-        targetCompatibility JavaVersion.VERSION_1_8
-    }
+def keystoreProperties = new Properties()
+def keystorePropertiesFile = rootProject.file('key.properties')
+if (keystorePropertiesFile.exists()) {
+    keystoreProperties.load(new FileInputStream(keystorePropertiesFile))
+}
 
-    kotlinOptions {
-        jvmTarget = '1.8'
-    }
+android {
+    compileSdkVersion 31
 
     sourceSets {
         main.java.srcDirs += 'src/main/kotlin'
     }
 
+    lintOptions {
+        disable 'InvalidPackage'
+        checkReleaseBuilds false
+    }
+
     defaultConfig {
         // TODO: Specify your own unique Application ID (https://developer.android.com/studio/build/application-id.html).
-        applicationId "com.example.roster_management_system"
-        minSdkVersion flutter.minSdkVersion
-        targetSdkVersion flutter.targetSdkVersion
+        applicationId "com.flutterflow.rostermanagementsystem"
+        minSdkVersion 21
+        targetSdkVersion 31
         versionCode flutterVersionCode.toInteger()
         versionName flutterVersionName
     }
 
+   signingConfigs {
+       release {
+           keyAlias keystoreProperties['keyAlias']
+           keyPassword keystoreProperties['keyPassword']
+           storeFile keystoreProperties['storeFile'] ? file(keystoreProperties['storeFile']) : null
+           storePassword keystoreProperties['storePassword']
+       }
+   }
+
     buildTypes {
         release {
             // TODO: Add your own signing config for the release build.
diff --git a/roster_management_system/android/app/google-services.json b/roster_management_system/android/app/google-services.json
new file mode 100644
index 0000000..b314cd9
--- /dev/null
+++ b/roster_management_system/android/app/google-services.json
@@ -0,0 +1,55 @@
+{
+  "project_info": {
+    "project_number": "515997796368",
+    "firebase_url": "https://roster-management-system-default-rtdb.firebaseio.com",
+    "project_id": "roster-management-system",
+    "storage_bucket": "roster-management-system.appspot.com"
+  },
+  "client": [
+    {
+      "client_info": {
+        "mobilesdk_app_id": "1:515997796368:android:c0ea8b471640e242032295",
+        "android_client_info": {
+          "package_name": "com.flutterflow.rostermanagementsystem"
+        }
+      },
+      "oauth_client": [
+        {
+          "client_id": "515997796368-urkdqnetqvkc5ft36iluds7h4dmqd4av.apps.googleusercontent.com",
+          "client_type": 1,
+          "android_info": {
+            "package_name": "com.flutterflow.rostermanagementsystem",
+            "certificate_hash": "9bbb3186b2189ef16d8f272bdab59362c395cbb4"
+          }
+        },
+        {
+          "client_id": "515997796368-n1b0tljds2rcr0hr3m7kjbiu533b3olg.apps.googleusercontent.com",
+          "client_type": 3
+        }
+      ],
+      "api_key": [
+        {
+          "current_key": "AIzaSyBYYDPzTCRd70G2FXjjPX_1Hf_cucMubYQ"
+        }
+      ],
+      "services": {
+        "appinvite_service": {
+          "other_platform_oauth_client": [
+            {
+              "client_id": "515997796368-n1b0tljds2rcr0hr3m7kjbiu533b3olg.apps.googleusercontent.com",
+              "client_type": 3
+            },
+            {
+              "client_id": "515997796368-ptqoikvc2nk5e8vhg8n4ugrj9gihhf27.apps.googleusercontent.com",
+              "client_type": 2,
+              "ios_info": {
+                "bundle_id": "com.flutterflow.rostermanagementsystem"
+              }
+            }
+          ]
+        }
+      }
+    }
+  ],
+  "configuration_version": "1"
+}
\ No newline at end of file
diff --git a/roster_management_system/android/app/src/debug/AndroidManifest.xml b/roster_management_system/android/app/src/debug/AndroidManifest.xml
index f71d9d6..a5c7a60 100644
--- a/roster_management_system/android/app/src/debug/AndroidManifest.xml
+++ b/roster_management_system/android/app/src/debug/AndroidManifest.xml
@@ -1,5 +1,5 @@
 <manifest xmlns:android="http://schemas.android.com/apk/res/android"
-    package="com.example.roster_management_system">
+    package="com.flutterflow.rostermanagementsystem">
     <!-- Flutter needs it to communicate with the running application
          to allow setting breakpoints, to provide hot reload, etc.
     -->
diff --git a/roster_management_system/android/app/src/main/AndroidManifest.xml b/roster_management_system/android/app/src/main/AndroidManifest.xml
index 392bb21..697a2e3 100644
--- a/roster_management_system/android/app/src/main/AndroidManifest.xml
+++ b/roster_management_system/android/app/src/main/AndroidManifest.xml
@@ -1,9 +1,14 @@
 <manifest xmlns:android="http://schemas.android.com/apk/res/android"
-    package="com.example.roster_management_system">
+    package="com.flutterflow.rostermanagementsystem"
+    xmlns:tools="http://schemas.android.com/tools">
+   <uses-permission android:name="android.permission.INTERNET"/>
+
    <application
-        android:label="roster_management_system"
-        android:name="${applicationName}"
-        android:icon="@mipmap/ic_launcher">
+        android:label="Roster-Management-System"
+        tools:replace="android:label"
+        android:icon="@mipmap/ic_launcher"
+        android:requestLegacyExternalStorage="true">
+
         <activity
             android:name=".MainActivity"
             android:exported="true"
@@ -20,15 +25,29 @@
               android:name="io.flutter.embedding.android.NormalTheme"
               android:resource="@style/NormalTheme"
               />
+            <!-- Displays an Android View that continues showing the launch screen
+                 Drawable until Flutter paints its first frame, then this splash
+                 screen fades out. A splash screen is useful to avoid any visual
+                 gap between the end of Android's launch screen and the painting of
+                 Flutter's first frame. -->
+            <meta-data
+              android:name="io.flutter.embedding.android.SplashScreenDrawable"
+              android:resource="@drawable/launch_background"
+              />
             <intent-filter>
                 <action android:name="android.intent.action.MAIN"/>
                 <category android:name="android.intent.category.LAUNCHER"/>
             </intent-filter>
+
         </activity>
+
         <!-- Don't delete the meta-data below.
              This is used by the Flutter tool to generate GeneratedPluginRegistrant.java -->
         <meta-data
             android:name="flutterEmbedding"
             android:value="2" />
+
+
+
     </application>
 </manifest>
diff --git a/roster_management_system/android/app/src/main/kotlin/com/example/my_project/MainActivity.kt b/roster_management_system/android/app/src/main/kotlin/com/example/my_project/MainActivity.kt
new file mode 100644
index 0000000..cdeb4f2
--- /dev/null
+++ b/roster_management_system/android/app/src/main/kotlin/com/example/my_project/MainActivity.kt
@@ -0,0 +1,6 @@
+package com.flutterflow.rostermanagementsystem
+
+import io.flutter.embedding.android.FlutterActivity
+
+class MainActivity: FlutterActivity() {
+}
diff --git a/roster_management_system/android/app/src/main/res/drawable/launch_background.xml b/roster_management_system/android/app/src/main/res/drawable/launch_background.xml
index 304732f..f74085f 100644
--- a/roster_management_system/android/app/src/main/res/drawable/launch_background.xml
+++ b/roster_management_system/android/app/src/main/res/drawable/launch_background.xml
@@ -1,7 +1,7 @@
 <?xml version="1.0" encoding="utf-8"?>
 <!-- Modify this file to customize your launch splash screen -->
 <layer-list xmlns:android="http://schemas.android.com/apk/res/android">
-    <item android:drawable="@android:color/white" />
+    <item android:drawable="?android:colorBackground" />
 
     <!-- You can insert your own image assets here -->
     <!-- <item>
diff --git a/roster_management_system/android/app/src/main/res/values-night/styles.xml b/roster_management_system/android/app/src/main/res/values-night/styles.xml
index 3db14bb..f93aa34 100644
--- a/roster_management_system/android/app/src/main/res/values-night/styles.xml
+++ b/roster_management_system/android/app/src/main/res/values-night/styles.xml
@@ -1,7 +1,7 @@
 <?xml version="1.0" encoding="utf-8"?>
 <resources>
     <!-- Theme applied to the Android Window while the process is starting when the OS's Dark Mode setting is on -->
-    <style name="LaunchTheme" parent="@android:style/Theme.Black.NoTitleBar">
+    <style name="LaunchTheme" parent="@android:style/Theme.Light.NoTitleBar">
         <!-- Show a splash screen on the activity. Automatically removed when
              Flutter draws its first frame -->
         <item name="android:windowBackground">@drawable/launch_background</item>
@@ -10,9 +10,9 @@
          This theme determines the color of the Android Window while your
          Flutter UI initializes, as well as behind your Flutter UI while its
          running.
-
+         
          This Theme is only used starting with V2 of Flutter's Android embedding. -->
-    <style name="NormalTheme" parent="@android:style/Theme.Black.NoTitleBar">
+    <style name="NormalTheme" parent="@android:style/Theme.Light.NoTitleBar">
         <item name="android:windowBackground">?android:colorBackground</item>
     </style>
 </resources>
diff --git a/roster_management_system/android/app/src/main/res/values/strings.xml b/roster_management_system/android/app/src/main/res/values/strings.xml
new file mode 100644
index 0000000..2638fac
--- /dev/null
+++ b/roster_management_system/android/app/src/main/res/values/strings.xml
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<resources>
+    <string name="app_name">Roster-Management-System</string>
+
+</resources>
\ No newline at end of file
diff --git a/roster_management_system/android/app/src/main/res/values/styles.xml b/roster_management_system/android/app/src/main/res/values/styles.xml
index d460d1e..d74aa35 100644
--- a/roster_management_system/android/app/src/main/res/values/styles.xml
+++ b/roster_management_system/android/app/src/main/res/values/styles.xml
@@ -10,7 +10,7 @@
          This theme determines the color of the Android Window while your
          Flutter UI initializes, as well as behind your Flutter UI while its
          running.
-
+         
          This Theme is only used starting with V2 of Flutter's Android embedding. -->
     <style name="NormalTheme" parent="@android:style/Theme.Light.NoTitleBar">
         <item name="android:windowBackground">?android:colorBackground</item>
diff --git a/roster_management_system/android/app/src/profile/AndroidManifest.xml b/roster_management_system/android/app/src/profile/AndroidManifest.xml
index f71d9d6..a5c7a60 100644
--- a/roster_management_system/android/app/src/profile/AndroidManifest.xml
+++ b/roster_management_system/android/app/src/profile/AndroidManifest.xml
@@ -1,5 +1,5 @@
 <manifest xmlns:android="http://schemas.android.com/apk/res/android"
-    package="com.example.roster_management_system">
+    package="com.flutterflow.rostermanagementsystem">
     <!-- Flutter needs it to communicate with the running application
          to allow setting breakpoints, to provide hot reload, etc.
     -->
diff --git a/roster_management_system/android/build.gradle b/roster_management_system/android/build.gradle
index 4256f91..26641aa 100644
--- a/roster_management_system/android/build.gradle
+++ b/roster_management_system/android/build.gradle
@@ -1,13 +1,14 @@
 buildscript {
-    ext.kotlin_version = '1.6.10'
+    ext.kotlin_version = '1.5.10'
     repositories {
         google()
         mavenCentral()
     }
 
     dependencies {
-        classpath 'com.android.tools.build:gradle:4.1.0'
+        classpath 'com.android.tools.build:gradle:4.1.2'
         classpath "org.jetbrains.kotlin:kotlin-gradle-plugin:$kotlin_version"
+        classpath 'com.google.gms:google-services:4.3.4'  // Google Services plugin
     }
 }
 
diff --git a/roster_management_system/android/gradle.properties b/roster_management_system/android/gradle.properties
index 94adc3a..a673820 100644
--- a/roster_management_system/android/gradle.properties
+++ b/roster_management_system/android/gradle.properties
@@ -1,3 +1,4 @@
 org.gradle.jvmargs=-Xmx1536M
 android.useAndroidX=true
 android.enableJetifier=true
+android.enableR8=true
diff --git a/roster_management_system/android/gradle/wrapper/gradle-wrapper.properties b/roster_management_system/android/gradle/wrapper/gradle-wrapper.properties
index bc6a58a..939efa2 100644
--- a/roster_management_system/android/gradle/wrapper/gradle-wrapper.properties
+++ b/roster_management_system/android/gradle/wrapper/gradle-wrapper.properties
@@ -3,4 +3,4 @@ distributionBase=GRADLE_USER_HOME
 distributionPath=wrapper/dists
 zipStoreBase=GRADLE_USER_HOME
 zipStorePath=wrapper/dists
-distributionUrl=https\://services.gradle.org/distributions/gradle-6.7-all.zip
+distributionUrl=https\://services.gradle.org/distributions/gradle-6.7.1-all.zip
diff --git a/roster_management_system/android/settings.gradle b/roster_management_system/android/settings.gradle
index 44e62bc..f6e4cd3 100644
--- a/roster_management_system/android/settings.gradle
+++ b/roster_management_system/android/settings.gradle
@@ -9,3 +9,17 @@ localPropertiesFile.withReader("UTF-8") { reader -> properties.load(reader) }
 def flutterSdkPath = properties.getProperty("flutter.sdk")
 assert flutterSdkPath != null, "flutter.sdk not set in local.properties"
 apply from: "$flutterSdkPath/packages/flutter_tools/gradle/app_plugin_loader.gradle"
+
+def flutterProjectRoot = rootProject.projectDir.parentFile.toPath()
+
+def plugins = new Properties()
+def pluginsFile = new File(flutterProjectRoot.toFile(), '.flutter-plugins')
+if (pluginsFile.exists()) {
+    pluginsFile.withReader('UTF-8') { reader -> plugins.load(reader) }
+}
+
+plugins.each { name, path ->
+    def pluginDirectory = flutterProjectRoot.resolve(path).resolve('android').toFile()
+    include ":$name"
+    project(":$name").projectDir = pluginDirectory
+}
\ No newline at end of file
diff --git a/roster_management_system/assets/audios/favicon.png b/roster_management_system/assets/audios/favicon.png
new file mode 100644
index 0000000..8aaa46a
Binary files /dev/null and b/roster_management_system/assets/audios/favicon.png differ
diff --git a/roster_management_system/assets/fonts/favicon.png b/roster_management_system/assets/fonts/favicon.png
new file mode 100644
index 0000000..8aaa46a
Binary files /dev/null and b/roster_management_system/assets/fonts/favicon.png differ
diff --git a/roster_management_system/assets/images/app_launcher_icon.png b/roster_management_system/assets/images/app_launcher_icon.png
new file mode 100644
index 0000000..dbdc592
Binary files /dev/null and b/roster_management_system/assets/images/app_launcher_icon.png differ
diff --git a/roster_management_system/assets/images/favicon.png b/roster_management_system/assets/images/favicon.png
new file mode 100644
index 0000000..8aaa46a
Binary files /dev/null and b/roster_management_system/assets/images/favicon.png differ
diff --git a/roster_management_system/assets/images/icon1.png b/roster_management_system/assets/images/icon1.png
new file mode 100644
index 0000000..dbdc592
Binary files /dev/null and b/roster_management_system/assets/images/icon1.png differ
diff --git a/roster_management_system/assets/lottie_animations/favicon.png b/roster_management_system/assets/lottie_animations/favicon.png
new file mode 100644
index 0000000..8aaa46a
Binary files /dev/null and b/roster_management_system/assets/lottie_animations/favicon.png differ
diff --git a/roster_management_system/assets/pdfs/favicon.png b/roster_management_system/assets/pdfs/favicon.png
new file mode 100644
index 0000000..8aaa46a
Binary files /dev/null and b/roster_management_system/assets/pdfs/favicon.png differ
diff --git a/roster_management_system/assets/rive_animations/favicon.png b/roster_management_system/assets/rive_animations/favicon.png
new file mode 100644
index 0000000..8aaa46a
Binary files /dev/null and b/roster_management_system/assets/rive_animations/favicon.png differ
diff --git a/roster_management_system/assets/videos/favicon.png b/roster_management_system/assets/videos/favicon.png
new file mode 100644
index 0000000..8aaa46a
Binary files /dev/null and b/roster_management_system/assets/videos/favicon.png differ
diff --git a/roster_management_system/ios/.gitignore b/roster_management_system/ios/.gitignore
index 7a7f987..eb86478 100644
--- a/roster_management_system/ios/.gitignore
+++ b/roster_management_system/ios/.gitignore
@@ -1,4 +1,3 @@
-**/dgph
 *.mode1v3
 *.mode2v3
 *.moved-aside
@@ -15,11 +14,11 @@ Icon?
 profile
 xcuserdata
 **/.generated/
+build/
 Flutter/App.framework
 Flutter/Flutter.framework
 Flutter/Flutter.podspec
 Flutter/Generated.xcconfig
-Flutter/ephemeral/
 Flutter/app.flx
 Flutter/app.zip
 Flutter/flutter_assets/
diff --git a/roster_management_system/ios/Flutter/AppFrameworkInfo.plist b/roster_management_system/ios/Flutter/AppFrameworkInfo.plist
index 8d4492f..d57061d 100644
--- a/roster_management_system/ios/Flutter/AppFrameworkInfo.plist
+++ b/roster_management_system/ios/Flutter/AppFrameworkInfo.plist
@@ -3,7 +3,7 @@
 <plist version="1.0">
 <dict>
   <key>CFBundleDevelopmentRegion</key>
-  <string>en</string>
+  <string>$(DEVELOPMENT_LANGUAGE)</string>
   <key>CFBundleExecutable</key>
   <string>App</string>
   <key>CFBundleIdentifier</key>
@@ -21,6 +21,6 @@
   <key>CFBundleVersion</key>
   <string>1.0</string>
   <key>MinimumOSVersion</key>
-  <string>9.0</string>
+  <string>13.0</string>
 </dict>
 </plist>
diff --git a/roster_management_system/ios/Flutter/Debug.xcconfig b/roster_management_system/ios/Flutter/Debug.xcconfig
index 592ceee..e8efba1 100644
--- a/roster_management_system/ios/Flutter/Debug.xcconfig
+++ b/roster_management_system/ios/Flutter/Debug.xcconfig
@@ -1 +1,2 @@
+#include "Pods/Target Support Files/Pods-Runner/Pods-Runner.debug.xcconfig"
 #include "Generated.xcconfig"
diff --git a/roster_management_system/ios/Flutter/Release.xcconfig b/roster_management_system/ios/Flutter/Release.xcconfig
index 592ceee..399e934 100644
--- a/roster_management_system/ios/Flutter/Release.xcconfig
+++ b/roster_management_system/ios/Flutter/Release.xcconfig
@@ -1 +1,2 @@
+#include "Pods/Target Support Files/Pods-Runner/Pods-Runner.release.xcconfig"
 #include "Generated.xcconfig"
diff --git a/roster_management_system/ios/ImageNotification/Info.plist b/roster_management_system/ios/ImageNotification/Info.plist
new file mode 100644
index 0000000..9f28060
--- /dev/null
+++ b/roster_management_system/ios/ImageNotification/Info.plist
@@ -0,0 +1,31 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+<dict>
+	<key>CFBundleDevelopmentRegion</key>
+	<string>$(DEVELOPMENT_LANGUAGE)</string>
+	<key>CFBundleDisplayName</key>
+	<string>ImageNotification</string>
+	<key>CFBundleExecutable</key>
+	<string>$(EXECUTABLE_NAME)</string>
+	<key>CFBundleIdentifier</key>
+	<string>$(PRODUCT_BUNDLE_IDENTIFIER)</string>
+	<key>CFBundleInfoDictionaryVersion</key>
+	<string>6.0</string>
+	<key>CFBundleName</key>
+	<string>$(PRODUCT_NAME)</string>
+	<key>CFBundlePackageType</key>
+	<string>$(PRODUCT_BUNDLE_PACKAGE_TYPE)</string>
+	<key>CFBundleShortVersionString</key>
+	<string>1.0</string>
+	<key>CFBundleVersion</key>
+	<string>1</string>
+	<key>NSExtension</key>
+	<dict>
+		<key>NSExtensionPointIdentifier</key>
+		<string>com.apple.usernotifications.service</string>
+		<key>NSExtensionPrincipalClass</key>
+		<string>$(PRODUCT_MODULE_NAME).NotificationService</string>
+	</dict>
+</dict>
+</plist>
diff --git a/roster_management_system/ios/ImageNotification/NotificationService.swift b/roster_management_system/ios/ImageNotification/NotificationService.swift
new file mode 100644
index 0000000..d16342e
--- /dev/null
+++ b/roster_management_system/ios/ImageNotification/NotificationService.swift
@@ -0,0 +1,27 @@
+import FirebaseMessaging
+import UserNotifications
+
+class NotificationService: UNNotificationServiceExtension {
+
+    var contentHandler: ((UNNotificationContent) -> Void)?
+    var bestAttemptContent: UNMutableNotificationContent?
+
+    override func didReceive(_ request: UNNotificationRequest, withContentHandler contentHandler: @escaping (UNNotificationContent) -> Void) {
+        self.contentHandler = contentHandler
+        bestAttemptContent = request.content
+          .mutableCopy() as? UNMutableNotificationContent
+        guard let bestAttemptContent = bestAttemptContent else { return }
+        FIRMessagingExtensionHelper().populateNotificationContent(
+          bestAttemptContent,
+          withContentHandler: contentHandler)
+    }
+    
+    override func serviceExtensionTimeWillExpire() {
+        // Called just before the extension will be terminated by the system.
+        // Use this as an opportunity to deliver your "best attempt" at modified content, otherwise the original push payload will be used.
+        if let contentHandler = contentHandler, let bestAttemptContent =  bestAttemptContent {
+            contentHandler(bestAttemptContent)
+        }
+    }
+
+}
diff --git a/roster_management_system/ios/Podfile b/roster_management_system/ios/Podfile
new file mode 100644
index 0000000..65f7b03
--- /dev/null
+++ b/roster_management_system/ios/Podfile
@@ -0,0 +1,44 @@
+# Uncomment this line to define a global platform for your project
+platform :ios, '13.0'
+
+# CocoaPods analytics sends network stats synchronously affecting flutter build latency.
+ENV['COCOAPODS_DISABLE_STATS'] = 'true'
+
+project 'Runner', {
+  'Debug' => :debug,
+  'Profile' => :release,
+  'Release' => :release,
+}
+
+def flutter_root
+  generated_xcode_build_settings_path = File.expand_path(File.join('..', 'Flutter', 'Generated.xcconfig'), __FILE__)
+  unless File.exist?(generated_xcode_build_settings_path)
+    raise "#{generated_xcode_build_settings_path} must exist. If you're running pod install manually, make sure flutter pub get is executed first"
+  end
+
+  File.foreach(generated_xcode_build_settings_path) do |line|
+    matches = line.match(/FLUTTER_ROOT\=(.*)/)
+    return matches[1].strip if matches
+  end
+  raise "FLUTTER_ROOT not found in #{generated_xcode_build_settings_path}. Try deleting Generated.xcconfig, then run flutter pub get"
+end
+
+require File.expand_path(File.join('packages', 'flutter_tools', 'bin', 'podhelper'), flutter_root)
+
+flutter_ios_podfile_setup
+
+target 'Runner' do
+  use_frameworks!
+  use_modular_headers!
+
+  flutter_install_all_ios_pods File.dirname(File.realpath(__FILE__))
+end
+
+post_install do |installer|
+  installer.pods_project.targets.each do |target|
+    flutter_additional_ios_build_settings(target)
+    target.build_configurations.each do |config|
+      config.build_settings.delete 'IPHONEOS_DEPLOYMENT_TARGET'
+    end
+  end
+end
diff --git a/roster_management_system/ios/Runner.xcodeproj/project.pbxproj b/roster_management_system/ios/Runner.xcodeproj/project.pbxproj
index 56b862d..cd4c8f1 100644
--- a/roster_management_system/ios/Runner.xcodeproj/project.pbxproj
+++ b/roster_management_system/ios/Runner.xcodeproj/project.pbxproj
@@ -9,8 +9,11 @@
 /* Begin PBXBuildFile section */
 		1498D2341E8E89220040F4C2 /* GeneratedPluginRegistrant.m in Sources */ = {isa = PBXBuildFile; fileRef = 1498D2331E8E89220040F4C2 /* GeneratedPluginRegistrant.m */; };
 		3B3967161E833CAA004F5970 /* AppFrameworkInfo.plist in Resources */ = {isa = PBXBuildFile; fileRef = 3B3967151E833CAA004F5970 /* AppFrameworkInfo.plist */; };
+		60CEEDB492F577A653BC6E45 /* Pods_Runner.framework in Frameworks */ = {isa = PBXBuildFile; fileRef = B8285832C7E7A3262A5A897C /* Pods_Runner.framework */; };
+		6426BE1225AC0EBD0080CC2A /* GoogleService-Info.plist in Resources */ = {isa = PBXBuildFile; fileRef = 6426BE1125AC0EBD0080CC2A /* GoogleService-Info.plist */; };
 		74858FAF1ED2DC5600515810 /* AppDelegate.swift in Sources */ = {isa = PBXBuildFile; fileRef = 74858FAE1ED2DC5600515810 /* AppDelegate.swift */; };
 		97C146FC1CF9000F007C117D /* Main.storyboard in Resources */ = {isa = PBXBuildFile; fileRef = 97C146FA1CF9000F007C117D /* Main.storyboard */; };
+		6436409A27A31CD800820AF7 /* InfoPlist.strings in Resources */ = {isa = PBXBuildFile; fileRef = 6436409C27A31CD800820AF7 /* InfoPlist.strings */; };
 		97C146FE1CF9000F007C117D /* Assets.xcassets in Resources */ = {isa = PBXBuildFile; fileRef = 97C146FD1CF9000F007C117D /* Assets.xcassets */; };
 		97C147011CF9000F007C117D /* LaunchScreen.storyboard in Resources */ = {isa = PBXBuildFile; fileRef = 97C146FF1CF9000F007C117D /* LaunchScreen.storyboard */; };
 /* End PBXBuildFile section */
@@ -32,6 +35,9 @@
 		1498D2321E8E86230040F4C2 /* GeneratedPluginRegistrant.h */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.h; path = GeneratedPluginRegistrant.h; sourceTree = "<group>"; };
 		1498D2331E8E89220040F4C2 /* GeneratedPluginRegistrant.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = GeneratedPluginRegistrant.m; sourceTree = "<group>"; };
 		3B3967151E833CAA004F5970 /* AppFrameworkInfo.plist */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.plist.xml; name = AppFrameworkInfo.plist; path = Flutter/AppFrameworkInfo.plist; sourceTree = "<group>"; };
+		64E3CA8B26FC10FF0070C5E0 /* Runner.entitlements */ = {isa = PBXFileReference; lastKnownFileType = text.plist.entitlements; path = Runner.entitlements; sourceTree = "<group>"; };
+		3DCE399542E9B8C63BEA38E6 /* Pods-Runner.profile.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-Runner.profile.xcconfig"; path = "Target Support Files/Pods-Runner/Pods-Runner.profile.xcconfig"; sourceTree = "<group>"; };
+		6426BE1125AC0EBD0080CC2A /* GoogleService-Info.plist */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.plist.xml; path = "GoogleService-Info.plist"; sourceTree = "<group>"; };
 		74858FAD1ED2DC5600515810 /* Runner-Bridging-Header.h */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.h; path = "Runner-Bridging-Header.h"; sourceTree = "<group>"; };
 		74858FAE1ED2DC5600515810 /* AppDelegate.swift */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.swift; path = AppDelegate.swift; sourceTree = "<group>"; };
 		7AFA3C8E1D35360C0083082E /* Release.xcconfig */ = {isa = PBXFileReference; lastKnownFileType = text.xcconfig; name = Release.xcconfig; path = Flutter/Release.xcconfig; sourceTree = "<group>"; };
@@ -42,6 +48,9 @@
 		97C146FD1CF9000F007C117D /* Assets.xcassets */ = {isa = PBXFileReference; lastKnownFileType = folder.assetcatalog; path = Assets.xcassets; sourceTree = "<group>"; };
 		97C147001CF9000F007C117D /* Base */ = {isa = PBXFileReference; lastKnownFileType = file.storyboard; name = Base; path = Base.lproj/LaunchScreen.storyboard; sourceTree = "<group>"; };
 		97C147021CF9000F007C117D /* Info.plist */ = {isa = PBXFileReference; lastKnownFileType = text.plist.xml; path = Info.plist; sourceTree = "<group>"; };
+		A9C17DEFA21738E5FBD7F54A /* Pods-Runner.release.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-Runner.release.xcconfig"; path = "Target Support Files/Pods-Runner/Pods-Runner.release.xcconfig"; sourceTree = "<group>"; };
+		B8285832C7E7A3262A5A897C /* Pods_Runner.framework */ = {isa = PBXFileReference; explicitFileType = wrapper.framework; includeInIndex = 0; path = Pods_Runner.framework; sourceTree = BUILT_PRODUCTS_DIR; };
+		FA9015B13AC8FF8CBD8DD673 /* Pods-Runner.debug.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-Runner.debug.xcconfig"; path = "Target Support Files/Pods-Runner/Pods-Runner.debug.xcconfig"; sourceTree = "<group>"; };
 /* End PBXFileReference section */
 
 /* Begin PBXFrameworksBuildPhase section */
@@ -49,12 +58,24 @@
 			isa = PBXFrameworksBuildPhase;
 			buildActionMask = 2147483647;
 			files = (
+				60CEEDB492F577A653BC6E45 /* Pods_Runner.framework in Frameworks */,
 			);
 			runOnlyForDeploymentPostprocessing = 0;
 		};
 /* End PBXFrameworksBuildPhase section */
 
 /* Begin PBXGroup section */
+		33098FC5D2106DCB44CAEA79 /* Pods */ = {
+			isa = PBXGroup;
+			children = (
+				FA9015B13AC8FF8CBD8DD673 /* Pods-Runner.debug.xcconfig */,
+				A9C17DEFA21738E5FBD7F54A /* Pods-Runner.release.xcconfig */,
+				3DCE399542E9B8C63BEA38E6 /* Pods-Runner.profile.xcconfig */,
+			);
+			name = Pods;
+			path = Pods;
+			sourceTree = "<group>";
+		};
 		9740EEB11CF90186004384FC /* Flutter */ = {
 			isa = PBXGroup;
 			children = (
@@ -72,6 +93,8 @@
 				9740EEB11CF90186004384FC /* Flutter */,
 				97C146F01CF9000F007C117D /* Runner */,
 				97C146EF1CF9000F007C117D /* Products */,
+				33098FC5D2106DCB44CAEA79 /* Pods */,
+				CC79BB5F4B7E86C62E930C2C /* Frameworks */,
 			);
 			sourceTree = "<group>";
 		};
@@ -86,6 +109,8 @@
 		97C146F01CF9000F007C117D /* Runner */ = {
 			isa = PBXGroup;
 			children = (
+				64E3CA8B26FC10FF0070C5E0 /* Runner.entitlements */,
+				6426BE1125AC0EBD0080CC2A /* GoogleService-Info.plist */,
 				97C146FA1CF9000F007C117D /* Main.storyboard */,
 				97C146FD1CF9000F007C117D /* Assets.xcassets */,
 				97C146FF1CF9000F007C117D /* LaunchScreen.storyboard */,
@@ -94,10 +119,19 @@
 				1498D2331E8E89220040F4C2 /* GeneratedPluginRegistrant.m */,
 				74858FAE1ED2DC5600515810 /* AppDelegate.swift */,
 				74858FAD1ED2DC5600515810 /* Runner-Bridging-Header.h */,
+				6436409C27A31CD800820AF7 /* InfoPlist.strings */,
 			);
 			path = Runner;
 			sourceTree = "<group>";
 		};
+		CC79BB5F4B7E86C62E930C2C /* Frameworks */ = {
+			isa = PBXGroup;
+			children = (
+				B8285832C7E7A3262A5A897C /* Pods_Runner.framework */,
+			);
+			name = Frameworks;
+			sourceTree = "<group>";
+		};
 /* End PBXGroup section */
 
 /* Begin PBXNativeTarget section */
@@ -105,12 +139,15 @@
 			isa = PBXNativeTarget;
 			buildConfigurationList = 97C147051CF9000F007C117D /* Build configuration list for PBXNativeTarget "Runner" */;
 			buildPhases = (
+				3EA46EF11B42FC3BFF6A4BBC /* [CP] Check Pods Manifest.lock */,
 				9740EEB61CF901F6004384FC /* Run Script */,
 				97C146EA1CF9000F007C117D /* Sources */,
 				97C146EB1CF9000F007C117D /* Frameworks */,
 				97C146EC1CF9000F007C117D /* Resources */,
 				9705A1C41CF9048500538489 /* Embed Frameworks */,
 				3B06AD1E1E4923F5004D2608 /* Thin Binary */,
+				2838A0ADC44730F0A2303575 /* [CP] Embed Pods Frameworks */,
+				55067970987309DE09E9DE72 /* [CP] Copy Pods Resources */,
 			);
 			buildRules = (
 			);
@@ -127,7 +164,7 @@
 		97C146E61CF9000F007C117D /* Project object */ = {
 			isa = PBXProject;
 			attributes = {
-				LastUpgradeCheck = 1300;
+				LastUpgradeCheck = 1020;
 				ORGANIZATIONNAME = "";
 				TargetAttributes = {
 					97C146ED1CF9000F007C117D = {
@@ -160,7 +197,9 @@
 			buildActionMask = 2147483647;
 			files = (
 				97C147011CF9000F007C117D /* LaunchScreen.storyboard in Resources */,
+				6436409A27A31CD800820AF7 /* InfoPlist.strings in Resources */,
 				3B3967161E833CAA004F5970 /* AppFrameworkInfo.plist in Resources */,
+				6426BE1225AC0EBD0080CC2A /* GoogleService-Info.plist in Resources */,
 				97C146FE1CF9000F007C117D /* Assets.xcassets in Resources */,
 				97C146FC1CF9000F007C117D /* Main.storyboard in Resources */,
 			);
@@ -169,6 +208,23 @@
 /* End PBXResourcesBuildPhase section */
 
 /* Begin PBXShellScriptBuildPhase section */
+		2838A0ADC44730F0A2303575 /* [CP] Embed Pods Frameworks */ = {
+			isa = PBXShellScriptBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+			);
+			inputFileListPaths = (
+				"${PODS_ROOT}/Target Support Files/Pods-Runner/Pods-Runner-frameworks-${CONFIGURATION}-input-files.xcfilelist",
+			);
+			name = "[CP] Embed Pods Frameworks";
+			outputFileListPaths = (
+				"${PODS_ROOT}/Target Support Files/Pods-Runner/Pods-Runner-frameworks-${CONFIGURATION}-output-files.xcfilelist",
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+			shellPath = /bin/sh;
+			shellScript = "\"${PODS_ROOT}/Target Support Files/Pods-Runner/Pods-Runner-frameworks.sh\"\n";
+			showEnvVarsInLog = 0;
+		};
 		3B06AD1E1E4923F5004D2608 /* Thin Binary */ = {
 			isa = PBXShellScriptBuildPhase;
 			buildActionMask = 2147483647;
@@ -183,6 +239,45 @@
 			shellPath = /bin/sh;
 			shellScript = "/bin/sh \"$FLUTTER_ROOT/packages/flutter_tools/bin/xcode_backend.sh\" embed_and_thin";
 		};
+		3EA46EF11B42FC3BFF6A4BBC /* [CP] Check Pods Manifest.lock */ = {
+			isa = PBXShellScriptBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+			);
+			inputFileListPaths = (
+			);
+			inputPaths = (
+				"${PODS_PODFILE_DIR_PATH}/Podfile.lock",
+				"${PODS_ROOT}/Manifest.lock",
+			);
+			name = "[CP] Check Pods Manifest.lock";
+			outputFileListPaths = (
+			);
+			outputPaths = (
+				"$(DERIVED_FILE_DIR)/Pods-Runner-checkManifestLockResult.txt",
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+			shellPath = /bin/sh;
+			shellScript = "diff \"${PODS_PODFILE_DIR_PATH}/Podfile.lock\" \"${PODS_ROOT}/Manifest.lock\" > /dev/null\nif [ $? != 0 ] ; then\n    # print error to STDERR\n    echo \"error: The sandbox is not in sync with the Podfile.lock. Run 'pod install' or update your CocoaPods installation.\" >&2\n    exit 1\nfi\n# This output is used by Xcode 'outputs' to avoid re-running this script phase.\necho \"SUCCESS\" > \"${SCRIPT_OUTPUT_FILE_0}\"\n";
+			showEnvVarsInLog = 0;
+		};
+		55067970987309DE09E9DE72 /* [CP] Copy Pods Resources */ = {
+			isa = PBXShellScriptBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+			);
+			inputFileListPaths = (
+				"${PODS_ROOT}/Target Support Files/Pods-Runner/Pods-Runner-resources-${CONFIGURATION}-input-files.xcfilelist",
+			);
+			name = "[CP] Copy Pods Resources";
+			outputFileListPaths = (
+				"${PODS_ROOT}/Target Support Files/Pods-Runner/Pods-Runner-resources-${CONFIGURATION}-output-files.xcfilelist",
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+			shellPath = /bin/sh;
+			shellScript = "\"${PODS_ROOT}/Target Support Files/Pods-Runner/Pods-Runner-resources.sh\"\n";
+			showEnvVarsInLog = 0;
+		};
 		9740EEB61CF901F6004384FC /* Run Script */ = {
 			isa = PBXShellScriptBuildPhase;
 			buildActionMask = 2147483647;
@@ -212,6 +307,14 @@
 /* End PBXSourcesBuildPhase section */
 
 /* Begin PBXVariantGroup section */
+		6436409C27A31CD800820AF7 /* InfoPlist.strings */ = {
+			isa = PBXVariantGroup;
+			children = (
+
+			);
+			name = InfoPlist.strings;
+			sourceTree = "<group>";
+		};
 		97C146FA1CF9000F007C117D /* Main.storyboard */ = {
 			isa = PBXVariantGroup;
 			children = (
@@ -272,7 +375,7 @@
 				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
 				GCC_WARN_UNUSED_FUNCTION = YES;
 				GCC_WARN_UNUSED_VARIABLE = YES;
-				IPHONEOS_DEPLOYMENT_TARGET = 9.0;
+				IPHONEOS_DEPLOYMENT_TARGET = 13.0;
 				MTL_ENABLE_DEBUG_INFO = NO;
 				SDKROOT = iphoneos;
 				SUPPORTED_PLATFORMS = iphoneos;
@@ -285,16 +388,26 @@
 			isa = XCBuildConfiguration;
 			baseConfigurationReference = 7AFA3C8E1D35360C0083082E /* Release.xcconfig */;
 			buildSettings = {
+				ALWAYS_EMBED_SWIFT_STANDARD_LIBRARIES = YES;
 				ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon;
 				CLANG_ENABLE_MODULES = YES;
+				CODE_SIGN_ENTITLEMENTS = Runner/Runner.entitlements;
 				CURRENT_PROJECT_VERSION = "$(FLUTTER_BUILD_NUMBER)";
 				ENABLE_BITCODE = NO;
+				FRAMEWORK_SEARCH_PATHS = (
+					"$(inherited)",
+					"$(PROJECT_DIR)/Flutter",
+				);
 				INFOPLIST_FILE = Runner/Info.plist;
 				LD_RUNPATH_SEARCH_PATHS = (
 					"$(inherited)",
 					"@executable_path/Frameworks",
 				);
-				PRODUCT_BUNDLE_IDENTIFIER = com.example.rosterManagementSystem;
+				LIBRARY_SEARCH_PATHS = (
+					"$(inherited)",
+					"$(PROJECT_DIR)/Flutter",
+				);
+				PRODUCT_BUNDLE_IDENTIFIER = com.flutterflow.rostermanagementsystem;
 				PRODUCT_NAME = "$(TARGET_NAME)";
 				SWIFT_OBJC_BRIDGING_HEADER = "Runner/Runner-Bridging-Header.h";
 				SWIFT_VERSION = 5.0;
@@ -349,7 +462,7 @@
 				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
 				GCC_WARN_UNUSED_FUNCTION = YES;
 				GCC_WARN_UNUSED_VARIABLE = YES;
-				IPHONEOS_DEPLOYMENT_TARGET = 9.0;
+				IPHONEOS_DEPLOYMENT_TARGET = 13.0;
 				MTL_ENABLE_DEBUG_INFO = YES;
 				ONLY_ACTIVE_ARCH = YES;
 				SDKROOT = iphoneos;
@@ -398,7 +511,7 @@
 				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
 				GCC_WARN_UNUSED_FUNCTION = YES;
 				GCC_WARN_UNUSED_VARIABLE = YES;
-				IPHONEOS_DEPLOYMENT_TARGET = 9.0;
+				IPHONEOS_DEPLOYMENT_TARGET = 13.0;
 				MTL_ENABLE_DEBUG_INFO = NO;
 				SDKROOT = iphoneos;
 				SUPPORTED_PLATFORMS = iphoneos;
@@ -413,16 +526,26 @@
 			isa = XCBuildConfiguration;
 			baseConfigurationReference = 9740EEB21CF90195004384FC /* Debug.xcconfig */;
 			buildSettings = {
+				ALWAYS_EMBED_SWIFT_STANDARD_LIBRARIES = YES;
 				ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon;
 				CLANG_ENABLE_MODULES = YES;
+				CODE_SIGN_ENTITLEMENTS = Runner/Runner.entitlements;
 				CURRENT_PROJECT_VERSION = "$(FLUTTER_BUILD_NUMBER)";
 				ENABLE_BITCODE = NO;
+				FRAMEWORK_SEARCH_PATHS = (
+					"$(inherited)",
+					"$(PROJECT_DIR)/Flutter",
+				);
 				INFOPLIST_FILE = Runner/Info.plist;
 				LD_RUNPATH_SEARCH_PATHS = (
 					"$(inherited)",
 					"@executable_path/Frameworks",
 				);
-				PRODUCT_BUNDLE_IDENTIFIER = com.example.rosterManagementSystem;
+				LIBRARY_SEARCH_PATHS = (
+					"$(inherited)",
+					"$(PROJECT_DIR)/Flutter",
+				);
+				PRODUCT_BUNDLE_IDENTIFIER = com.flutterflow.rostermanagementsystem;
 				PRODUCT_NAME = "$(TARGET_NAME)";
 				SWIFT_OBJC_BRIDGING_HEADER = "Runner/Runner-Bridging-Header.h";
 				SWIFT_OPTIMIZATION_LEVEL = "-Onone";
@@ -435,16 +558,26 @@
 			isa = XCBuildConfiguration;
 			baseConfigurationReference = 7AFA3C8E1D35360C0083082E /* Release.xcconfig */;
 			buildSettings = {
+				ALWAYS_EMBED_SWIFT_STANDARD_LIBRARIES = YES;
 				ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon;
 				CLANG_ENABLE_MODULES = YES;
+				CODE_SIGN_ENTITLEMENTS = Runner/Runner.entitlements;
 				CURRENT_PROJECT_VERSION = "$(FLUTTER_BUILD_NUMBER)";
 				ENABLE_BITCODE = NO;
+				FRAMEWORK_SEARCH_PATHS = (
+					"$(inherited)",
+					"$(PROJECT_DIR)/Flutter",
+				);
 				INFOPLIST_FILE = Runner/Info.plist;
 				LD_RUNPATH_SEARCH_PATHS = (
 					"$(inherited)",
 					"@executable_path/Frameworks",
 				);
-				PRODUCT_BUNDLE_IDENTIFIER = com.example.rosterManagementSystem;
+				LIBRARY_SEARCH_PATHS = (
+					"$(inherited)",
+					"$(PROJECT_DIR)/Flutter",
+				);
+				PRODUCT_BUNDLE_IDENTIFIER = com.flutterflow.rostermanagementsystem;
 				PRODUCT_NAME = "$(TARGET_NAME)";
 				SWIFT_OBJC_BRIDGING_HEADER = "Runner/Runner-Bridging-Header.h";
 				SWIFT_VERSION = 5.0;
diff --git a/roster_management_system/ios/Runner.xcodeproj/project.xcworkspace/contents.xcworkspacedata b/roster_management_system/ios/Runner.xcodeproj/project.xcworkspace/contents.xcworkspacedata
index 919434a..1d526a1 100644
--- a/roster_management_system/ios/Runner.xcodeproj/project.xcworkspace/contents.xcworkspacedata
+++ b/roster_management_system/ios/Runner.xcodeproj/project.xcworkspace/contents.xcworkspacedata
@@ -2,6 +2,6 @@
 <Workspace
    version = "1.0">
    <FileRef
-      location = "self:">
+      location = "group:Runner.xcodeproj">
    </FileRef>
 </Workspace>
diff --git a/roster_management_system/ios/Runner.xcodeproj/xcshareddata/xcschemes/Runner.xcscheme b/roster_management_system/ios/Runner.xcodeproj/xcshareddata/xcschemes/Runner.xcscheme
index c87d15a..a28140c 100644
--- a/roster_management_system/ios/Runner.xcodeproj/xcshareddata/xcschemes/Runner.xcscheme
+++ b/roster_management_system/ios/Runner.xcodeproj/xcshareddata/xcschemes/Runner.xcscheme
@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <Scheme
-   LastUpgradeVersion = "1300"
+   LastUpgradeVersion = "1020"
    version = "1.3">
    <BuildAction
       parallelizeBuildables = "YES"
@@ -27,6 +27,8 @@
       selectedDebuggerIdentifier = "Xcode.DebuggerFoundation.Debugger.LLDB"
       selectedLauncherIdentifier = "Xcode.DebuggerFoundation.Launcher.LLDB"
       shouldUseLaunchSchemeArgsEnv = "YES">
+      <Testables>
+      </Testables>
       <MacroExpansion>
          <BuildableReference
             BuildableIdentifier = "primary"
@@ -36,8 +38,8 @@
             ReferencedContainer = "container:Runner.xcodeproj">
          </BuildableReference>
       </MacroExpansion>
-      <Testables>
-      </Testables>
+      <AdditionalOptions>
+      </AdditionalOptions>
    </TestAction>
    <LaunchAction
       buildConfiguration = "Debug"
@@ -59,6 +61,8 @@
             ReferencedContainer = "container:Runner.xcodeproj">
          </BuildableReference>
       </BuildableProductRunnable>
+      <AdditionalOptions>
+      </AdditionalOptions>
    </LaunchAction>
    <ProfileAction
       buildConfiguration = "Profile"
diff --git a/roster_management_system/ios/Runner/AppDelegate.swift b/roster_management_system/ios/Runner/AppDelegate.swift
index 70693e4..f52eb22 100644
--- a/roster_management_system/ios/Runner/AppDelegate.swift
+++ b/roster_management_system/ios/Runner/AppDelegate.swift
@@ -1,4 +1,5 @@
 import UIKit
+
 import Flutter
 
 @UIApplicationMain
diff --git a/roster_management_system/ios/Runner/GoogleService-Info.plist b/roster_management_system/ios/Runner/GoogleService-Info.plist
new file mode 100644
index 0000000..297b850
--- /dev/null
+++ b/roster_management_system/ios/Runner/GoogleService-Info.plist
@@ -0,0 +1,38 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+<dict>
+	<key>CLIENT_ID</key>
+	<string>515997796368-ptqoikvc2nk5e8vhg8n4ugrj9gihhf27.apps.googleusercontent.com</string>
+	<key>REVERSED_CLIENT_ID</key>
+	<string>com.googleusercontent.apps.515997796368-ptqoikvc2nk5e8vhg8n4ugrj9gihhf27</string>
+	<key>ANDROID_CLIENT_ID</key>
+	<string>515997796368-urkdqnetqvkc5ft36iluds7h4dmqd4av.apps.googleusercontent.com</string>
+	<key>API_KEY</key>
+	<string>AIzaSyBV5aC4O_4UPXwoZDDO4dYYpK5kPq2UagY</string>
+	<key>GCM_SENDER_ID</key>
+	<string>515997796368</string>
+	<key>PLIST_VERSION</key>
+	<string>1</string>
+	<key>BUNDLE_ID</key>
+	<string>com.flutterflow.rostermanagementsystem</string>
+	<key>PROJECT_ID</key>
+	<string>roster-management-system</string>
+	<key>STORAGE_BUCKET</key>
+	<string>roster-management-system.appspot.com</string>
+	<key>IS_ADS_ENABLED</key>
+	<false></false>
+	<key>IS_ANALYTICS_ENABLED</key>
+	<false></false>
+	<key>IS_APPINVITE_ENABLED</key>
+	<true></true>
+	<key>IS_GCM_ENABLED</key>
+	<true></true>
+	<key>IS_SIGNIN_ENABLED</key>
+	<true></true>
+	<key>GOOGLE_APP_ID</key>
+	<string>1:515997796368:ios:b2eb33720ff6dd89032295</string>
+	<key>DATABASE_URL</key>
+	<string>https://roster-management-system-default-rtdb.firebaseio.com</string>
+</dict>
+</plist>
\ No newline at end of file
diff --git a/roster_management_system/ios/Runner/Info.plist b/roster_management_system/ios/Runner/Info.plist
index 2ea5147..dbadee4 100644
--- a/roster_management_system/ios/Runner/Info.plist
+++ b/roster_management_system/ios/Runner/Info.plist
@@ -5,7 +5,7 @@
 	<key>CFBundleDevelopmentRegion</key>
 	<string>$(DEVELOPMENT_LANGUAGE)</string>
 	<key>CFBundleDisplayName</key>
-	<string>Roster Management System</string>
+	<string>Roster-Management-System</string>
 	<key>CFBundleExecutable</key>
 	<string>$(EXECUTABLE_NAME)</string>
 	<key>CFBundleIdentifier</key>
@@ -13,17 +13,40 @@
 	<key>CFBundleInfoDictionaryVersion</key>
 	<string>6.0</string>
 	<key>CFBundleName</key>
-	<string>roster_management_system</string>
+	<string>Roster-Management-System</string>
 	<key>CFBundlePackageType</key>
 	<string>APPL</string>
+
 	<key>CFBundleShortVersionString</key>
 	<string>$(FLUTTER_BUILD_NAME)</string>
 	<key>CFBundleSignature</key>
 	<string>????</string>
+	<key>CFBundleURLTypes</key>
+	<array>
+        <dict>
+            <key>CFBundleTypeRole</key>
+            <string>Editor</string>
+            <key>CFBundleURLSchemes</key>
+            <array>
+                <string>com.googleusercontent.apps.515997796368-ptqoikvc2nk5e8vhg8n4ugrj9gihhf27</string>
+                
+            </array>
+        </dict>
+
+    </array>
+
+
 	<key>CFBundleVersion</key>
 	<string>$(FLUTTER_BUILD_NUMBER)</string>
 	<key>LSRequiresIPhoneOS</key>
 	<true/>
+
+	<key>NSCameraUsageDescription</key>
+	<string>In order to take a picture or video, this app requires permission to access the camera.</string>
+	<key>NSPhotoLibraryUsageDescription</key>
+	<string>In order to upload media, this app requires permission to access the photo library.</string>
+
+
 	<key>UILaunchStoryboardName</key>
 	<string>LaunchScreen</string>
 	<key>UIMainStoryboardFile</key>
@@ -43,5 +66,6 @@
 	</array>
 	<key>UIViewControllerBasedStatusBarAppearance</key>
 	<false/>
+
 </dict>
 </plist>
diff --git a/roster_management_system/ios/Runner/Runner.entitlements b/roster_management_system/ios/Runner/Runner.entitlements
new file mode 100644
index 0000000..6631ffa
--- /dev/null
+++ b/roster_management_system/ios/Runner/Runner.entitlements
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+<dict>
+</dict>
+</plist>
diff --git a/roster_management_system/lib/add_new_task_page/add_new_task_page_widget.dart b/roster_management_system/lib/add_new_task_page/add_new_task_page_widget.dart
new file mode 100644
index 0000000..36afcb7
--- /dev/null
+++ b/roster_management_system/lib/add_new_task_page/add_new_task_page_widget.dart
@@ -0,0 +1,303 @@
+import '../auth/auth_util.dart';
+import '../backend/backend.dart';
+import '../backend/firebase_storage/storage.dart';
+import '../flutter_flow/flutter_flow_theme.dart';
+import '../flutter_flow/flutter_flow_util.dart';
+import '../flutter_flow/flutter_flow_widgets.dart';
+import '../flutter_flow/upload_media.dart';
+import 'package:cloud_firestore/cloud_firestore.dart';
+import 'package:easy_debounce/easy_debounce.dart';
+import 'package:flutter/material.dart';
+import 'package:google_fonts/google_fonts.dart';
+
+class AddNewTaskPageWidget extends StatefulWidget {
+  const AddNewTaskPageWidget({Key key}) : super(key: key);
+
+  @override
+  _AddNewTaskPageWidgetState createState() => _AddNewTaskPageWidgetState();
+}
+
+class _AddNewTaskPageWidgetState extends State<AddNewTaskPageWidget> {
+  String uploadedFileUrl = '';
+  TextEditingController taskDetailTextController;
+  TextEditingController taskNameTextController;
+  final scaffoldKey = GlobalKey<ScaffoldState>();
+
+  @override
+  void initState() {
+    super.initState();
+    taskDetailTextController = TextEditingController();
+    taskNameTextController = TextEditingController();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      key: scaffoldKey,
+      backgroundColor: FlutterFlowTheme.of(context).primaryBackground,
+      body: SafeArea(
+        child: GestureDetector(
+          onTap: () => FocusScope.of(context).unfocus(),
+          child: Column(
+            mainAxisSize: MainAxisSize.max,
+            crossAxisAlignment: CrossAxisAlignment.stretch,
+            children: [
+              Row(
+                mainAxisSize: MainAxisSize.max,
+                children: [
+                  Expanded(
+                    child: Container(
+                      width: MediaQuery.of(context).size.width * 0.05,
+                      height: 100,
+                      decoration: BoxDecoration(
+                        color: FlutterFlowTheme.of(context).primaryColor,
+                      ),
+                      child: FFButtonWidget(
+                        onPressed: () async {
+                          Navigator.pop(context);
+                        },
+                        text: '',
+                        icon: Icon(
+                          Icons.arrow_back_outlined,
+                          size: 15,
+                        ),
+                        options: FFButtonOptions(
+                          width: 130,
+                          height: 40,
+                          color: FlutterFlowTheme.of(context).primaryColor,
+                          textStyle:
+                              FlutterFlowTheme.of(context).subtitle2.override(
+                                    fontFamily: 'Poppins',
+                                    color: Colors.white,
+                                  ),
+                          borderSide: BorderSide(
+                            color: Colors.transparent,
+                            width: 1,
+                          ),
+                          borderRadius: 12,
+                        ),
+                      ),
+                    ),
+                  ),
+                  Container(
+                    width: MediaQuery.of(context).size.width * 0.95,
+                    height: 100,
+                    constraints: BoxConstraints(
+                      maxHeight: MediaQuery.of(context).size.height * 0.2,
+                    ),
+                    decoration: BoxDecoration(
+                      color: FlutterFlowTheme.of(context).primaryColor,
+                    ),
+                    child: Align(
+                      alignment: AlignmentDirectional(0, 0),
+                      child: Text(
+                        'Roster Management System',
+                        style: FlutterFlowTheme.of(context).title1.override(
+                              fontFamily: 'Dancing Script',
+                              fontSize: 50,
+                            ),
+                      ),
+                    ),
+                  ),
+                ],
+              ),
+              Container(
+                width: 100,
+                height: MediaQuery.of(context).size.height * 1,
+                decoration: BoxDecoration(
+                  color: Color(0xFFEEEEEE),
+                ),
+                child: Column(
+                  mainAxisSize: MainAxisSize.max,
+                  mainAxisAlignment: MainAxisAlignment.start,
+                  children: [
+                    Image.network(
+                      uploadedFileUrl,
+                      width: 100,
+                      height: 100,
+                      fit: BoxFit.cover,
+                    ),
+                    Text(
+                      'Enter Task Name',
+                      style: FlutterFlowTheme.of(context).bodyText1.override(
+                            fontFamily: 'Poppins',
+                            fontSize: 50,
+                          ),
+                    ),
+                    TextFormField(
+                      controller: taskNameTextController,
+                      onChanged: (_) => EasyDebounce.debounce(
+                        'taskNameTextController',
+                        Duration(milliseconds: 2000),
+                        () => setState(() {}),
+                      ),
+                      autofocus: true,
+                      obscureText: false,
+                      decoration: InputDecoration(
+                        hintText: '[Some hint text...]',
+                        enabledBorder: UnderlineInputBorder(
+                          borderSide: BorderSide(
+                            color: Color(0x00000000),
+                            width: 1,
+                          ),
+                          borderRadius: const BorderRadius.only(
+                            topLeft: Radius.circular(4.0),
+                            topRight: Radius.circular(4.0),
+                          ),
+                        ),
+                        focusedBorder: UnderlineInputBorder(
+                          borderSide: BorderSide(
+                            color: Color(0x00000000),
+                            width: 1,
+                          ),
+                          borderRadius: const BorderRadius.only(
+                            topLeft: Radius.circular(4.0),
+                            topRight: Radius.circular(4.0),
+                          ),
+                        ),
+                      ),
+                      style: FlutterFlowTheme.of(context).bodyText1.override(
+                            fontFamily: 'Poppins',
+                            fontSize: 45,
+                          ),
+                    ),
+                    Text(
+                      'Enter Task Detail',
+                      style: FlutterFlowTheme.of(context).bodyText1.override(
+                            fontFamily: 'Poppins',
+                            fontSize: 50,
+                          ),
+                    ),
+                    TextFormField(
+                      controller: taskDetailTextController,
+                      onChanged: (_) => EasyDebounce.debounce(
+                        'taskDetailTextController',
+                        Duration(milliseconds: 2000),
+                        () => setState(() {}),
+                      ),
+                      autofocus: true,
+                      obscureText: false,
+                      decoration: InputDecoration(
+                        hintText: '[Some hint text...]',
+                        enabledBorder: UnderlineInputBorder(
+                          borderSide: BorderSide(
+                            color: Color(0x00000000),
+                            width: 1,
+                          ),
+                          borderRadius: const BorderRadius.only(
+                            topLeft: Radius.circular(4.0),
+                            topRight: Radius.circular(4.0),
+                          ),
+                        ),
+                        focusedBorder: UnderlineInputBorder(
+                          borderSide: BorderSide(
+                            color: Color(0x00000000),
+                            width: 1,
+                          ),
+                          borderRadius: const BorderRadius.only(
+                            topLeft: Radius.circular(4.0),
+                            topRight: Radius.circular(4.0),
+                          ),
+                        ),
+                      ),
+                      style: FlutterFlowTheme.of(context).bodyText1.override(
+                            fontFamily: 'Poppins',
+                            fontSize: 45,
+                          ),
+                    ),
+                    FFButtonWidget(
+                      onPressed: () async {
+                        final selectedMedia =
+                            await selectMediaWithSourceBottomSheet(
+                          context: context,
+                          maxWidth: 250.00,
+                          maxHeight: 250.00,
+                          allowPhoto: true,
+                        );
+                        if (selectedMedia != null &&
+                            selectedMedia.every((m) =>
+                                validateFileFormat(m.storagePath, context))) {
+                          showUploadMessage(
+                            context,
+                            'Uploading file...',
+                            showLoading: true,
+                          );
+                          final downloadUrls = (await Future.wait(selectedMedia
+                                  .map((m) async => await uploadData(
+                                      m.storagePath, m.bytes))))
+                              .where((u) => u != null)
+                              .toList();
+                          ScaffoldMessenger.of(context).hideCurrentSnackBar();
+                          if (downloadUrls != null &&
+                              downloadUrls.length == selectedMedia.length) {
+                            setState(
+                                () => uploadedFileUrl = downloadUrls.first);
+                            showUploadMessage(
+                              context,
+                              'Success!',
+                            );
+                          } else {
+                            showUploadMessage(
+                              context,
+                              'Failed to upload media',
+                            );
+                            return;
+                          }
+                        }
+                      },
+                      text: 'UpLoad image',
+                      options: FFButtonOptions(
+                        width: double.infinity,
+                        height: 50,
+                        color: FlutterFlowTheme.of(context).primaryColor,
+                        textStyle:
+                            FlutterFlowTheme.of(context).subtitle2.override(
+                                  fontFamily: 'Poppins',
+                                  color: Colors.white,
+                                  fontSize: 50,
+                                ),
+                        borderSide: BorderSide(
+                          color: Colors.transparent,
+                          width: 1,
+                        ),
+                        borderRadius: 12,
+                      ),
+                    ),
+                    FFButtonWidget(
+                      onPressed: () async {
+                        final taskCreateData = createTaskRecordData(
+                          taskName: taskNameTextController.text,
+                          taskDes: taskDetailTextController.text,
+                          taskImage: uploadedFileUrl,
+                          choosed: false,
+                        );
+                        await TaskRecord.collection.doc().set(taskCreateData);
+                      },
+                      text: 'Upload Task',
+                      options: FFButtonOptions(
+                        width: double.infinity,
+                        height: 60,
+                        color: FlutterFlowTheme.of(context).primaryColor,
+                        textStyle:
+                            FlutterFlowTheme.of(context).subtitle2.override(
+                                  fontFamily: 'Poppins',
+                                  color: Colors.white,
+                                  fontSize: 50,
+                                ),
+                        borderSide: BorderSide(
+                          color: Colors.transparent,
+                          width: 1,
+                        ),
+                        borderRadius: 12,
+                      ),
+                    ),
+                  ],
+                ),
+              ),
+            ],
+          ),
+        ),
+      ),
+    );
+  }
+}
diff --git a/roster_management_system/lib/admin_page/admin_page_widget.dart b/roster_management_system/lib/admin_page/admin_page_widget.dart
new file mode 100644
index 0000000..d1bd9c9
--- /dev/null
+++ b/roster_management_system/lib/admin_page/admin_page_widget.dart
@@ -0,0 +1,233 @@
+import '../auth/auth_util.dart';
+import '../flutter_flow/flutter_flow_theme.dart';
+import '../flutter_flow/flutter_flow_util.dart';
+import '../flutter_flow/flutter_flow_widgets.dart';
+import '../home_page/home_page_widget.dart';
+import '../manage_train/manage_train_widget.dart';
+import '../manage_work_market/manage_work_market_widget.dart';
+import 'package:flutter/material.dart';
+import 'package:google_fonts/google_fonts.dart';
+
+class AdminPageWidget extends StatefulWidget {
+  const AdminPageWidget({Key key}) : super(key: key);
+
+  @override
+  _AdminPageWidgetState createState() => _AdminPageWidgetState();
+}
+
+class _AdminPageWidgetState extends State<AdminPageWidget> {
+  final scaffoldKey = GlobalKey<ScaffoldState>();
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      key: scaffoldKey,
+      backgroundColor: FlutterFlowTheme.of(context).primaryBackground,
+      body: SafeArea(
+        child: GestureDetector(
+          onTap: () => FocusScope.of(context).unfocus(),
+          child: Column(
+            mainAxisSize: MainAxisSize.max,
+            crossAxisAlignment: CrossAxisAlignment.stretch,
+            children: [
+              Row(
+                mainAxisSize: MainAxisSize.max,
+                children: [
+                  Expanded(
+                    child: Container(
+                      width: MediaQuery.of(context).size.width * 0.05,
+                      height: 100,
+                      decoration: BoxDecoration(
+                        color: FlutterFlowTheme.of(context).primaryColor,
+                      ),
+                      child: FFButtonWidget(
+                        onPressed: () async {
+                          if (FFAppState().MenuShow) {
+                            setState(() => FFAppState().MenuShow = false);
+                            return;
+                          } else {
+                            setState(() => FFAppState().MenuShow = true);
+                            return;
+                          }
+                        },
+                        text: '',
+                        icon: Icon(
+                          Icons.menu,
+                          size: 15,
+                        ),
+                        options: FFButtonOptions(
+                          width: 130,
+                          height: 40,
+                          color: FlutterFlowTheme.of(context).primaryColor,
+                          textStyle:
+                              FlutterFlowTheme.of(context).subtitle2.override(
+                                    fontFamily: 'Poppins',
+                                    color: Colors.white,
+                                  ),
+                          borderSide: BorderSide(
+                            color: Colors.transparent,
+                            width: 1,
+                          ),
+                          borderRadius: 12,
+                        ),
+                      ),
+                    ),
+                  ),
+                  Container(
+                    width: MediaQuery.of(context).size.width * 0.95,
+                    height: 100,
+                    constraints: BoxConstraints(
+                      maxHeight: MediaQuery.of(context).size.height * 0.2,
+                    ),
+                    decoration: BoxDecoration(
+                      color: FlutterFlowTheme.of(context).primaryColor,
+                    ),
+                    child: Align(
+                      alignment: AlignmentDirectional(0, 0),
+                      child: Text(
+                        'Roster Management System',
+                        style: FlutterFlowTheme.of(context).title1.override(
+                              fontFamily: 'Dancing Script',
+                              fontSize: 50,
+                            ),
+                      ),
+                    ),
+                  ),
+                ],
+              ),
+              Row(
+                mainAxisSize: MainAxisSize.max,
+                children: [
+                  if ((FFAppState().MenuShow) == true)
+                    Container(
+                      width: MediaQuery.of(context).size.width * 0.4,
+                      height: MediaQuery.of(context).size.height * 1,
+                      decoration: BoxDecoration(
+                        color: FlutterFlowTheme.of(context).primaryColor,
+                      ),
+                      child: Column(
+                        mainAxisSize: MainAxisSize.max,
+                        mainAxisAlignment: MainAxisAlignment.spaceBetween,
+                        crossAxisAlignment: CrossAxisAlignment.stretch,
+                        children: [
+                          Column(
+                            mainAxisSize: MainAxisSize.max,
+                            mainAxisAlignment: MainAxisAlignment.start,
+                            crossAxisAlignment: CrossAxisAlignment.stretch,
+                            children: [
+                              Text(
+                                'MENU',
+                                textAlign: TextAlign.center,
+                                style: FlutterFlowTheme.of(context)
+                                    .bodyText1
+                                    .override(
+                                      fontFamily: 'Poppins',
+                                      color: Colors.white,
+                                      fontSize: 100,
+                                    ),
+                              ),
+                              FFButtonWidget(
+                                onPressed: () async {
+                                  await Navigator.pushAndRemoveUntil(
+                                    context,
+                                    MaterialPageRoute(
+                                      builder: (context) => ManageTrainWidget(),
+                                    ),
+                                    (r) => false,
+                                  );
+                                },
+                                text: 'Manage My Training',
+                                options: FFButtonOptions(
+                                  width: 130,
+                                  height: 75,
+                                  color:
+                                      FlutterFlowTheme.of(context).primaryColor,
+                                  textStyle: FlutterFlowTheme.of(context)
+                                      .subtitle2
+                                      .override(
+                                        fontFamily: 'Poppins',
+                                        color: Colors.white,
+                                        fontSize: 75,
+                                      ),
+                                  borderSide: BorderSide(
+                                    color: Colors.transparent,
+                                    width: 1,
+                                  ),
+                                  borderRadius: 12,
+                                ),
+                              ),
+                              FFButtonWidget(
+                                onPressed: () async {
+                                  await Navigator.pushAndRemoveUntil(
+                                    context,
+                                    MaterialPageRoute(
+                                      builder: (context) =>
+                                          ManageWorkMarketWidget(),
+                                    ),
+                                    (r) => false,
+                                  );
+                                },
+                                text: 'Manage Work Market',
+                                options: FFButtonOptions(
+                                  width: 130,
+                                  height: 75,
+                                  color:
+                                      FlutterFlowTheme.of(context).primaryColor,
+                                  textStyle: FlutterFlowTheme.of(context)
+                                      .subtitle2
+                                      .override(
+                                        fontFamily: 'Poppins',
+                                        color: Colors.white,
+                                        fontSize: 75,
+                                      ),
+                                  borderSide: BorderSide(
+                                    color: Colors.transparent,
+                                    width: 1,
+                                  ),
+                                  borderRadius: 12,
+                                ),
+                              ),
+                              FFButtonWidget(
+                                onPressed: () async {
+                                  await signOut();
+                                  await Navigator.pushAndRemoveUntil(
+                                    context,
+                                    MaterialPageRoute(
+                                      builder: (context) => HomePageWidget(),
+                                    ),
+                                    (r) => false,
+                                  );
+                                },
+                                text: 'LogOut',
+                                options: FFButtonOptions(
+                                  width: 130,
+                                  height: 75,
+                                  color: FlutterFlowTheme.of(context).alternate,
+                                  textStyle: FlutterFlowTheme.of(context)
+                                      .subtitle2
+                                      .override(
+                                        fontFamily: 'Poppins',
+                                        color: Colors.white,
+                                        fontSize: 75,
+                                      ),
+                                  borderSide: BorderSide(
+                                    color: Colors.transparent,
+                                    width: 1,
+                                  ),
+                                  borderRadius: 12,
+                                ),
+                              ),
+                            ],
+                          ),
+                        ],
+                      ),
+                    ),
+                ],
+              ),
+            ],
+          ),
+        ),
+      ),
+    );
+  }
+}
diff --git a/roster_management_system/lib/app_state.dart b/roster_management_system/lib/app_state.dart
new file mode 100644
index 0000000..ceae1ba
--- /dev/null
+++ b/roster_management_system/lib/app_state.dart
@@ -0,0 +1,42 @@
+import 'package:cloud_firestore/cloud_firestore.dart';
+import 'package:shared_preferences/shared_preferences.dart';
+import 'flutter_flow/flutter_flow_util.dart';
+import 'flutter_flow/lat_lng.dart';
+
+class FFAppState {
+  static final FFAppState _instance = FFAppState._internal();
+
+  factory FFAppState() {
+    return _instance;
+  }
+
+  FFAppState._internal() {
+    initializePersistedState();
+  }
+
+  Future initializePersistedState() async {
+    prefs = await SharedPreferences.getInstance();
+  }
+
+  SharedPreferences prefs;
+
+  bool MenuShow = true;
+
+  bool confirm = true;
+
+  DocumentReference avaliabledate;
+
+  String todayDate = '';
+
+  String Date = 'Date';
+}
+
+LatLng _latLngFromString(String val) {
+  if (val == null) {
+    return null;
+  }
+  final split = val.split(',');
+  final lat = double.parse(split.first);
+  final lng = double.parse(split.last);
+  return LatLng(lat, lng);
+}
diff --git a/roster_management_system/lib/auth/anonymous_auth.dart b/roster_management_system/lib/auth/anonymous_auth.dart
new file mode 100644
index 0000000..b55a46d
--- /dev/null
+++ b/roster_management_system/lib/auth/anonymous_auth.dart
@@ -0,0 +1,9 @@
+import 'package:firebase_auth/firebase_auth.dart';
+import 'package:flutter/material.dart';
+
+import 'auth_util.dart';
+
+Future<User> signInAnonymously(BuildContext context) async {
+  final signInFunc = () => FirebaseAuth.instance.signInAnonymously();
+  return signInOrCreateAccount(context, signInFunc);
+}
diff --git a/roster_management_system/lib/auth/apple_auth.dart b/roster_management_system/lib/auth/apple_auth.dart
new file mode 100644
index 0000000..4a1f851
--- /dev/null
+++ b/roster_management_system/lib/auth/apple_auth.dart
@@ -0,0 +1,66 @@
+import 'dart:convert';
+import 'dart:math';
+
+import 'package:crypto/crypto.dart';
+import 'package:firebase_auth/firebase_auth.dart';
+import 'package:flutter/foundation.dart';
+import 'package:flutter/material.dart';
+import 'package:sign_in_with_apple/sign_in_with_apple.dart';
+
+import 'auth_util.dart';
+
+/// Generates a cryptographically secure random nonce, to be included in a
+/// credential request.
+String generateNonce([int length = 32]) {
+  final charset =
+      '0123456789ABCDEFGHIJKLMNOPQRSTUVXYZabcdefghijklmnopqrstuvwxyz-._';
+  final random = Random.secure();
+  return List.generate(length, (_) => charset[random.nextInt(charset.length)])
+      .join();
+}
+
+/// Returns the sha256 hash of [input] in hex notation.
+String sha256ofString(String input) {
+  final bytes = utf8.encode(input);
+  final digest = sha256.convert(bytes);
+  return digest.toString();
+}
+
+Future<UserCredential> appleSignIn() async {
+  if (kIsWeb) {
+    final provider = OAuthProvider("apple.com")
+      ..addScope('email')
+      ..addScope('name');
+
+    // Sign in the user with Firebase.
+    return await FirebaseAuth.instance.signInWithPopup(provider);
+  }
+  // To prevent replay attacks with the credential returned from Apple, we
+  // include a nonce in the credential request. When signing in in with
+  // Firebase, the nonce in the id token returned by Apple, is expected to
+  // match the sha256 hash of `rawNonce`.
+  final rawNonce = generateNonce();
+  final nonce = sha256ofString(rawNonce);
+
+  // Request credential for the currently signed in Apple account.
+  final appleCredential = await SignInWithApple.getAppleIDCredential(
+    scopes: [
+      AppleIDAuthorizationScopes.email,
+      AppleIDAuthorizationScopes.fullName,
+    ],
+    nonce: nonce,
+  );
+
+  // Create an `OAuthCredential` from the credential returned by Apple.
+  final oauthCredential = OAuthProvider("apple.com").credential(
+    idToken: appleCredential.identityToken,
+    rawNonce: rawNonce,
+  );
+
+  // Sign in the user with Firebase. If the nonce we generated earlier does
+  // not match the nonce in `appleCredential.identityToken`, sign in will fail.
+  return await FirebaseAuth.instance.signInWithCredential(oauthCredential);
+}
+
+Future<User> signInWithApple(BuildContext context) =>
+    signInOrCreateAccount(context, appleSignIn);
diff --git a/roster_management_system/lib/auth/auth_util.dart b/roster_management_system/lib/auth/auth_util.dart
new file mode 100644
index 0000000..d2d61b5
--- /dev/null
+++ b/roster_management_system/lib/auth/auth_util.dart
@@ -0,0 +1,199 @@
+import 'package:flutter/foundation.dart' show kIsWeb;
+import 'package:firebase_auth/firebase_auth.dart';
+import 'package:flutter/material.dart';
+import '../flutter_flow/flutter_flow_util.dart';
+
+import '../backend/backend.dart';
+import 'package:cloud_firestore/cloud_firestore.dart';
+import 'package:stream_transform/stream_transform.dart';
+import 'firebase_user_provider.dart';
+
+export 'anonymous_auth.dart';
+export 'apple_auth.dart';
+export 'email_auth.dart';
+export 'google_auth.dart';
+
+/// Tries to sign in or create an account using Firebase Auth.
+/// Returns the User object if sign in was successful.
+Future<User> signInOrCreateAccount(
+    BuildContext context, Future<UserCredential> Function() signInFunc) async {
+  try {
+    final userCredential = await signInFunc();
+    await maybeCreateUser(userCredential.user);
+    return userCredential.user;
+  } on FirebaseAuthException catch (e) {
+    ScaffoldMessenger.of(context).hideCurrentSnackBar();
+    ScaffoldMessenger.of(context).showSnackBar(
+      SnackBar(content: Text('Error: ${e.message}')),
+    );
+    return null;
+  }
+}
+
+Future signOut() {
+  _currentJwtToken = '';
+  FirebaseAuth.instance.signOut();
+}
+
+Future deleteUser(BuildContext context) async {
+  try {
+    if (currentUser?.user == null) {
+      print('Error: delete user attempted with no logged in user!');
+      return;
+    }
+    await currentUser?.user?.delete();
+  } on FirebaseAuthException catch (e) {
+    if (e.code == 'requires-recent-login') {
+      ScaffoldMessenger.of(context).hideCurrentSnackBar();
+      ScaffoldMessenger.of(context).showSnackBar(
+        SnackBar(
+            content: Text(
+                'Too long since most recent sign in. Sign in again before deleting your account.')),
+      );
+    }
+  }
+}
+
+Future resetPassword({String email, BuildContext context}) async {
+  try {
+    await FirebaseAuth.instance.sendPasswordResetEmail(email: email);
+  } on FirebaseAuthException catch (e) {
+    ScaffoldMessenger.of(context).hideCurrentSnackBar();
+    ScaffoldMessenger.of(context).showSnackBar(
+      SnackBar(content: Text('Error: ${e.message}')),
+    );
+    return null;
+  }
+  ScaffoldMessenger.of(context).showSnackBar(
+    SnackBar(content: Text('Password reset email sent')),
+  );
+}
+
+Future sendEmailVerification() async =>
+    currentUser?.user?.sendEmailVerification();
+
+String _currentJwtToken = '';
+
+String get currentUserEmail =>
+    currentUserDocument?.email ?? currentUser?.user?.email ?? '';
+
+String get currentUserUid =>
+    currentUserDocument?.uid ?? currentUser?.user?.uid ?? '';
+
+String get currentUserDisplayName =>
+    currentUserDocument?.displayName ?? currentUser?.user?.displayName ?? '';
+
+String get currentUserPhoto =>
+    currentUserDocument?.photoUrl ?? currentUser?.user?.photoURL ?? '';
+
+String get currentPhoneNumber =>
+    currentUserDocument?.phoneNumber ?? currentUser?.user?.phoneNumber ?? '';
+
+String get currentJwtToken => _currentJwtToken ?? '';
+
+bool get currentUserEmailVerified {
+  // Reloads the user when checking in order to get the most up to date
+  // email verified status.
+  if (currentUser?.user != null && !currentUser.user.emailVerified) {
+    currentUser.user
+        .reload()
+        .then((_) => currentUser.user = FirebaseAuth.instance.currentUser);
+  }
+  return currentUser?.user?.emailVerified ?? false;
+}
+
+// Set when using phone verification (after phone number is provided).
+String _phoneAuthVerificationCode;
+// Set when using phone sign in in web mode (ignored otherwise).
+ConfirmationResult _webPhoneAuthConfirmationResult;
+
+Future beginPhoneAuth({
+  BuildContext context,
+  String phoneNumber,
+  VoidCallback onCodeSent,
+}) async {
+  if (kIsWeb) {
+    _webPhoneAuthConfirmationResult =
+        await FirebaseAuth.instance.signInWithPhoneNumber(phoneNumber);
+    onCodeSent();
+    return;
+  }
+  // If you'd like auto-verification, without the user having to enter the SMS
+  // code manually. Follow these instructions:
+  // * For Android: https://firebase.google.com/docs/auth/android/phone-auth?authuser=0#enable-app-verification (SafetyNet set up)
+  // * For iOS: https://firebase.google.com/docs/auth/ios/phone-auth?authuser=0#start-receiving-silent-notifications
+  // * Finally modify verificationCompleted below as instructed.
+  await FirebaseAuth.instance.verifyPhoneNumber(
+    phoneNumber: phoneNumber,
+    timeout: Duration(seconds: 5),
+    verificationCompleted: (phoneAuthCredential) async {
+      await FirebaseAuth.instance.signInWithCredential(phoneAuthCredential);
+      // If you've implemented auto-verification, navigate to home page or
+      // onboarding page here manually. Uncomment the lines below and replace
+      // DestinationPage() with the desired widget.
+      // await Navigator.push(
+      //   context,
+      //   MaterialPageRoute(builder: (_) => DestinationPage()),
+      // );
+    },
+    verificationFailed: (e) {
+      ScaffoldMessenger.of(context).showSnackBar(SnackBar(
+        content: Text('Error: ${e.message}'),
+      ));
+    },
+    codeSent: (verificationId, _) {
+      _phoneAuthVerificationCode = verificationId;
+      onCodeSent();
+    },
+    codeAutoRetrievalTimeout: (_) {},
+  );
+}
+
+Future verifySmsCode({
+  BuildContext context,
+  String smsCode,
+}) async {
+  if (kIsWeb) {
+    return signInOrCreateAccount(
+        context, () => _webPhoneAuthConfirmationResult.confirm(smsCode));
+  } else {
+    final authCredential = PhoneAuthProvider.credential(
+        verificationId: _phoneAuthVerificationCode, smsCode: smsCode);
+    return signInOrCreateAccount(
+      context,
+      () => FirebaseAuth.instance.signInWithCredential(authCredential),
+    );
+  }
+}
+
+DocumentReference get currentUserReference => currentUser?.user != null
+    ? UsersRecord.collection.doc(currentUser.user.uid)
+    : null;
+
+UsersRecord currentUserDocument;
+final authenticatedUserStream = FirebaseAuth.instance
+    .authStateChanges()
+    .map<String>((user) {
+      // Store jwt token on user update.
+      () async {
+        _currentJwtToken = await user?.getIdToken();
+      }();
+      return user?.uid ?? '';
+    })
+    .switchMap((uid) => queryUsersRecord(
+        queryBuilder: (user) => user.where('uid', isEqualTo: uid),
+        singleRecord: true))
+    .map((users) => currentUserDocument = users.isNotEmpty ? users.first : null)
+    .asBroadcastStream();
+
+class AuthUserStreamWidget extends StatelessWidget {
+  const AuthUserStreamWidget({Key key, this.child}) : super(key: key);
+
+  final Widget child;
+
+  @override
+  Widget build(BuildContext context) => StreamBuilder(
+        stream: authenticatedUserStream,
+        builder: (context, _) => child,
+      );
+}
diff --git a/roster_management_system/lib/auth/email_auth.dart b/roster_management_system/lib/auth/email_auth.dart
new file mode 100644
index 0000000..cac849a
--- /dev/null
+++ b/roster_management_system/lib/auth/email_auth.dart
@@ -0,0 +1,18 @@
+import 'package:firebase_auth/firebase_auth.dart';
+import 'package:flutter/material.dart';
+
+import 'auth_util.dart';
+
+Future<User> signInWithEmail(
+    BuildContext context, String email, String password) async {
+  final signInFunc = () => FirebaseAuth.instance
+      .signInWithEmailAndPassword(email: email.trim(), password: password);
+  return signInOrCreateAccount(context, signInFunc);
+}
+
+Future<User> createAccountWithEmail(
+    BuildContext context, String email, String password) async {
+  final createAccountFunc = () => FirebaseAuth.instance
+      .createUserWithEmailAndPassword(email: email.trim(), password: password);
+  return signInOrCreateAccount(context, createAccountFunc);
+}
diff --git a/roster_management_system/lib/auth/firebase_user_provider.dart b/roster_management_system/lib/auth/firebase_user_provider.dart
new file mode 100644
index 0000000..a555a23
--- /dev/null
+++ b/roster_management_system/lib/auth/firebase_user_provider.dart
@@ -0,0 +1,19 @@
+import 'package:firebase_auth/firebase_auth.dart';
+import 'package:rxdart/rxdart.dart';
+
+class RosterManagementSystemFirebaseUser {
+  RosterManagementSystemFirebaseUser(this.user);
+  User user;
+  bool get loggedIn => user != null;
+}
+
+RosterManagementSystemFirebaseUser currentUser;
+bool get loggedIn => currentUser?.loggedIn ?? false;
+Stream<RosterManagementSystemFirebaseUser>
+    rosterManagementSystemFirebaseUserStream() => FirebaseAuth.instance
+        .authStateChanges()
+        .debounce((user) => user == null && !loggedIn
+            ? TimerStream(true, const Duration(seconds: 1))
+            : Stream.value(user))
+        .map<RosterManagementSystemFirebaseUser>(
+            (user) => currentUser = RosterManagementSystemFirebaseUser(user));
diff --git a/roster_management_system/lib/auth/google_auth.dart b/roster_management_system/lib/auth/google_auth.dart
new file mode 100644
index 0000000..7044968
--- /dev/null
+++ b/roster_management_system/lib/auth/google_auth.dart
@@ -0,0 +1,32 @@
+import 'package:firebase_auth/firebase_auth.dart';
+import 'package:flutter/foundation.dart';
+import 'package:flutter/material.dart';
+import 'package:google_sign_in/google_sign_in.dart';
+
+import 'auth_util.dart';
+
+final _googleSignIn = GoogleSignIn();
+
+Future<User> signInWithGoogle(BuildContext context) async {
+  final signInFunc = () async {
+    if (kIsWeb) {
+      GoogleAuthProvider googleProvider = GoogleAuthProvider();
+      googleProvider
+          .addScope('https://www.googleapis.com/auth/contacts.readonly');
+      // Once signed in, return the UserCredential
+      return await FirebaseAuth.instance.signInWithPopup(googleProvider);
+    }
+
+    await signOutWithGoogle().catchError((_) => null);
+    final auth = await (await _googleSignIn.signIn())?.authentication;
+    if (auth == null) {
+      return null;
+    }
+    final credential = GoogleAuthProvider.credential(
+        idToken: auth.idToken, accessToken: auth.accessToken);
+    return FirebaseAuth.instance.signInWithCredential(credential);
+  };
+  return signInOrCreateAccount(context, signInFunc);
+}
+
+Future signOutWithGoogle() => _googleSignIn.signOut();
diff --git a/roster_management_system/lib/backend/backend.dart b/roster_management_system/lib/backend/backend.dart
new file mode 100644
index 0000000..ab63bb4
--- /dev/null
+++ b/roster_management_system/lib/backend/backend.dart
@@ -0,0 +1,347 @@
+import 'package:built_value/serializer.dart';
+import 'package:cloud_firestore/cloud_firestore.dart';
+import 'package:firebase_auth/firebase_auth.dart';
+
+import '../flutter_flow/flutter_flow_util.dart';
+
+import 'schema/users_record.dart';
+import 'schema/task_record.dart';
+import 'schema/train_record.dart';
+import 'schema/task_choosed_record.dart';
+import 'schema/avaliable_weekday_record.dart';
+import 'schema/serializers.dart';
+
+export 'dart:async' show StreamSubscription;
+export 'package:cloud_firestore/cloud_firestore.dart';
+export 'schema/index.dart';
+export 'schema/serializers.dart';
+
+export 'schema/users_record.dart';
+export 'schema/task_record.dart';
+export 'schema/train_record.dart';
+export 'schema/task_choosed_record.dart';
+export 'schema/avaliable_weekday_record.dart';
+
+/// Functions to query UsersRecords (as a Stream and as a Future).
+Stream<List<UsersRecord>> queryUsersRecord({
+  Query Function(Query) queryBuilder,
+  int limit = -1,
+  bool singleRecord = false,
+}) =>
+    queryCollection(
+      UsersRecord.collection,
+      UsersRecord.serializer,
+      queryBuilder: queryBuilder,
+      limit: limit,
+      singleRecord: singleRecord,
+    );
+
+Future<List<UsersRecord>> queryUsersRecordOnce({
+  Query Function(Query) queryBuilder,
+  int limit = -1,
+  bool singleRecord = false,
+}) =>
+    queryCollectionOnce(
+      UsersRecord.collection,
+      UsersRecord.serializer,
+      queryBuilder: queryBuilder,
+      limit: limit,
+      singleRecord: singleRecord,
+    );
+
+Future<FFFirestorePage<UsersRecord>> queryUsersRecordPage({
+  Query Function(Query) queryBuilder,
+  DocumentSnapshot nextPageMarker,
+  int pageSize,
+  bool isStream,
+}) =>
+    queryCollectionPage(
+      UsersRecord.collection,
+      UsersRecord.serializer,
+      queryBuilder: queryBuilder,
+      nextPageMarker: nextPageMarker,
+      pageSize: pageSize,
+      isStream: isStream,
+    );
+
+/// Functions to query TaskRecords (as a Stream and as a Future).
+Stream<List<TaskRecord>> queryTaskRecord({
+  Query Function(Query) queryBuilder,
+  int limit = -1,
+  bool singleRecord = false,
+}) =>
+    queryCollection(
+      TaskRecord.collection,
+      TaskRecord.serializer,
+      queryBuilder: queryBuilder,
+      limit: limit,
+      singleRecord: singleRecord,
+    );
+
+Future<List<TaskRecord>> queryTaskRecordOnce({
+  Query Function(Query) queryBuilder,
+  int limit = -1,
+  bool singleRecord = false,
+}) =>
+    queryCollectionOnce(
+      TaskRecord.collection,
+      TaskRecord.serializer,
+      queryBuilder: queryBuilder,
+      limit: limit,
+      singleRecord: singleRecord,
+    );
+
+Future<FFFirestorePage<TaskRecord>> queryTaskRecordPage({
+  Query Function(Query) queryBuilder,
+  DocumentSnapshot nextPageMarker,
+  int pageSize,
+  bool isStream,
+}) =>
+    queryCollectionPage(
+      TaskRecord.collection,
+      TaskRecord.serializer,
+      queryBuilder: queryBuilder,
+      nextPageMarker: nextPageMarker,
+      pageSize: pageSize,
+      isStream: isStream,
+    );
+
+/// Functions to query TrainRecords (as a Stream and as a Future).
+Stream<List<TrainRecord>> queryTrainRecord({
+  Query Function(Query) queryBuilder,
+  int limit = -1,
+  bool singleRecord = false,
+}) =>
+    queryCollection(
+      TrainRecord.collection,
+      TrainRecord.serializer,
+      queryBuilder: queryBuilder,
+      limit: limit,
+      singleRecord: singleRecord,
+    );
+
+Future<List<TrainRecord>> queryTrainRecordOnce({
+  Query Function(Query) queryBuilder,
+  int limit = -1,
+  bool singleRecord = false,
+}) =>
+    queryCollectionOnce(
+      TrainRecord.collection,
+      TrainRecord.serializer,
+      queryBuilder: queryBuilder,
+      limit: limit,
+      singleRecord: singleRecord,
+    );
+
+Future<FFFirestorePage<TrainRecord>> queryTrainRecordPage({
+  Query Function(Query) queryBuilder,
+  DocumentSnapshot nextPageMarker,
+  int pageSize,
+  bool isStream,
+}) =>
+    queryCollectionPage(
+      TrainRecord.collection,
+      TrainRecord.serializer,
+      queryBuilder: queryBuilder,
+      nextPageMarker: nextPageMarker,
+      pageSize: pageSize,
+      isStream: isStream,
+    );
+
+/// Functions to query TaskChoosedRecords (as a Stream and as a Future).
+Stream<List<TaskChoosedRecord>> queryTaskChoosedRecord({
+  DocumentReference parent,
+  Query Function(Query) queryBuilder,
+  int limit = -1,
+  bool singleRecord = false,
+}) =>
+    queryCollection(
+      TaskChoosedRecord.collection(parent),
+      TaskChoosedRecord.serializer,
+      queryBuilder: queryBuilder,
+      limit: limit,
+      singleRecord: singleRecord,
+    );
+
+Future<List<TaskChoosedRecord>> queryTaskChoosedRecordOnce({
+  DocumentReference parent,
+  Query Function(Query) queryBuilder,
+  int limit = -1,
+  bool singleRecord = false,
+}) =>
+    queryCollectionOnce(
+      TaskChoosedRecord.collection(parent),
+      TaskChoosedRecord.serializer,
+      queryBuilder: queryBuilder,
+      limit: limit,
+      singleRecord: singleRecord,
+    );
+
+Future<FFFirestorePage<TaskChoosedRecord>> queryTaskChoosedRecordPage({
+  DocumentReference parent,
+  Query Function(Query) queryBuilder,
+  DocumentSnapshot nextPageMarker,
+  int pageSize,
+  bool isStream,
+}) =>
+    queryCollectionPage(
+      TaskChoosedRecord.collection(parent),
+      TaskChoosedRecord.serializer,
+      queryBuilder: queryBuilder,
+      nextPageMarker: nextPageMarker,
+      pageSize: pageSize,
+      isStream: isStream,
+    );
+
+/// Functions to query AvaliableWeekdayRecords (as a Stream and as a Future).
+Stream<List<AvaliableWeekdayRecord>> queryAvaliableWeekdayRecord({
+  DocumentReference parent,
+  Query Function(Query) queryBuilder,
+  int limit = -1,
+  bool singleRecord = false,
+}) =>
+    queryCollection(
+      AvaliableWeekdayRecord.collection(parent),
+      AvaliableWeekdayRecord.serializer,
+      queryBuilder: queryBuilder,
+      limit: limit,
+      singleRecord: singleRecord,
+    );
+
+Future<List<AvaliableWeekdayRecord>> queryAvaliableWeekdayRecordOnce({
+  DocumentReference parent,
+  Query Function(Query) queryBuilder,
+  int limit = -1,
+  bool singleRecord = false,
+}) =>
+    queryCollectionOnce(
+      AvaliableWeekdayRecord.collection(parent),
+      AvaliableWeekdayRecord.serializer,
+      queryBuilder: queryBuilder,
+      limit: limit,
+      singleRecord: singleRecord,
+    );
+
+Future<FFFirestorePage<AvaliableWeekdayRecord>>
+    queryAvaliableWeekdayRecordPage({
+  DocumentReference parent,
+  Query Function(Query) queryBuilder,
+  DocumentSnapshot nextPageMarker,
+  int pageSize,
+  bool isStream,
+}) =>
+        queryCollectionPage(
+          AvaliableWeekdayRecord.collection(parent),
+          AvaliableWeekdayRecord.serializer,
+          queryBuilder: queryBuilder,
+          nextPageMarker: nextPageMarker,
+          pageSize: pageSize,
+          isStream: isStream,
+        );
+
+Stream<List<T>> queryCollection<T>(Query collection, Serializer<T> serializer,
+    {Query Function(Query) queryBuilder,
+    int limit = -1,
+    bool singleRecord = false}) {
+  final builder = queryBuilder ?? (q) => q;
+  var query = builder(collection);
+  if (limit > 0 || singleRecord) {
+    query = query.limit(singleRecord ? 1 : limit);
+  }
+  return query.snapshots().handleError((err) {
+    print('Error querying $collection: $err');
+  }).map((s) => s.docs
+      .map(
+        (d) => safeGet(
+          () => serializers.deserializeWith(serializer, serializedData(d)),
+          (e) => print('Error serializing doc ${d.reference.path}:\n$e'),
+        ),
+      )
+      .where((d) => d != null)
+      .toList());
+}
+
+Future<List<T>> queryCollectionOnce<T>(
+    Query collection, Serializer<T> serializer,
+    {Query Function(Query) queryBuilder,
+    int limit = -1,
+    bool singleRecord = false}) {
+  final builder = queryBuilder ?? (q) => q;
+  var query = builder(collection);
+  if (limit > 0 || singleRecord) {
+    query = query.limit(singleRecord ? 1 : limit);
+  }
+  return query.get().then((s) => s.docs
+      .map(
+        (d) => safeGet(
+          () => serializers.deserializeWith(serializer, serializedData(d)),
+          (e) => print('Error serializing doc ${d.reference.path}:\n$e'),
+        ),
+      )
+      .where((d) => d != null)
+      .toList());
+}
+
+class FFFirestorePage<T> {
+  final List<T> data;
+  final Stream<List<T>> dataStream;
+  final QueryDocumentSnapshot nextPageMarker;
+
+  FFFirestorePage(this.data, this.dataStream, this.nextPageMarker);
+}
+
+Future<FFFirestorePage<T>> queryCollectionPage<T>(
+  Query collection,
+  Serializer<T> serializer, {
+  Query Function(Query) queryBuilder,
+  DocumentSnapshot nextPageMarker,
+  int pageSize,
+  bool isStream,
+}) async {
+  final builder = queryBuilder ?? (q) => q;
+  var query = builder(collection).limit(pageSize);
+  if (nextPageMarker != null) {
+    query = query.startAfterDocument(nextPageMarker);
+  }
+  Stream<QuerySnapshot> docSnapshotStream;
+  QuerySnapshot docSnapshot;
+  if (isStream) {
+    docSnapshotStream = query.snapshots();
+    docSnapshot = await docSnapshotStream.first;
+  } else {
+    docSnapshot = await query.get();
+  }
+  final getDocs = (QuerySnapshot s) => s.docs
+      .map(
+        (d) => safeGet(
+          () => serializers.deserializeWith(serializer, serializedData(d)),
+          (e) => print('Error serializing doc ${d.reference.path}:\n$e'),
+        ),
+      )
+      .where((d) => d != null)
+      .toList();
+  final data = getDocs(docSnapshot);
+  final dataStream = docSnapshotStream?.map(getDocs);
+  final nextPageToken = docSnapshot.docs.isEmpty ? null : docSnapshot.docs.last;
+  return FFFirestorePage(data, dataStream, nextPageToken);
+}
+
+// Creates a Firestore document representing the logged in user if it doesn't yet exist
+Future maybeCreateUser(User user) async {
+  final userRecord = UsersRecord.collection.doc(user.uid);
+  final userExists = await userRecord.get().then((u) => u.exists);
+  if (userExists) {
+    return;
+  }
+
+  final userData = createUsersRecordData(
+    email: user.email,
+    displayName: user.displayName,
+    photoUrl: user.photoURL,
+    uid: user.uid,
+    phoneNumber: user.phoneNumber,
+    createdTime: getCurrentTimestamp,
+  );
+
+  await userRecord.set(userData);
+}
diff --git a/roster_management_system/lib/backend/firebase_storage/storage.dart b/roster_management_system/lib/backend/firebase_storage/storage.dart
new file mode 100644
index 0000000..d51a7fd
--- /dev/null
+++ b/roster_management_system/lib/backend/firebase_storage/storage.dart
@@ -0,0 +1,11 @@
+import 'dart:typed_data';
+
+import 'package:firebase_storage/firebase_storage.dart';
+import 'package:mime_type/mime_type.dart';
+
+Future<String> uploadData(String path, Uint8List data) async {
+  final storageRef = FirebaseStorage.instance.ref().child(path);
+  final metadata = SettableMetadata(contentType: mime(path));
+  final result = await storageRef.putData(data, metadata);
+  return result.state == TaskState.success ? result.ref.getDownloadURL() : null;
+}
diff --git a/roster_management_system/lib/backend/schema/avaliable_weekday_record.dart b/roster_management_system/lib/backend/schema/avaliable_weekday_record.dart
new file mode 100644
index 0000000..f2fa23a
--- /dev/null
+++ b/roster_management_system/lib/backend/schema/avaliable_weekday_record.dart
@@ -0,0 +1,105 @@
+import 'dart:async';
+
+import 'index.dart';
+import 'serializers.dart';
+import 'package:built_value/built_value.dart';
+
+part 'avaliable_weekday_record.g.dart';
+
+abstract class AvaliableWeekdayRecord
+    implements Built<AvaliableWeekdayRecord, AvaliableWeekdayRecordBuilder> {
+  static Serializer<AvaliableWeekdayRecord> get serializer =>
+      _$avaliableWeekdayRecordSerializer;
+
+  @nullable
+  @BuiltValueField(wireName: 'Date')
+  String get date;
+
+  @nullable
+  @BuiltValueField(wireName: 'Avaliable')
+  bool get avaliable;
+
+  @nullable
+  @BuiltValueField(wireName: 'ClockIn')
+  DateTime get clockIn;
+
+  @nullable
+  @BuiltValueField(wireName: 'ClockOut')
+  DateTime get clockOut;
+
+  @nullable
+  bool get isClockin;
+
+  @nullable
+  bool get isClockOut;
+
+  @nullable
+  int get index;
+
+  @nullable
+  String get uid;
+
+  @nullable
+  @BuiltValueField(wireName: kDocumentReferenceField)
+  DocumentReference get reference;
+
+  DocumentReference get parentReference => reference.parent.parent;
+
+  static void _initializeBuilder(AvaliableWeekdayRecordBuilder builder) =>
+      builder
+        ..date = ''
+        ..avaliable = false
+        ..isClockin = false
+        ..isClockOut = false
+        ..index = 0
+        ..uid = '';
+
+  static Query<Map<String, dynamic>> collection([DocumentReference parent]) =>
+      parent != null
+          ? parent.collection('AvaliableWeekday')
+          : FirebaseFirestore.instance.collectionGroup('AvaliableWeekday');
+
+  static DocumentReference createDoc(DocumentReference parent) =>
+      parent.collection('AvaliableWeekday').doc();
+
+  static Stream<AvaliableWeekdayRecord> getDocument(DocumentReference ref) =>
+      ref.snapshots().map(
+          (s) => serializers.deserializeWith(serializer, serializedData(s)));
+
+  static Future<AvaliableWeekdayRecord> getDocumentOnce(
+          DocumentReference ref) =>
+      ref.get().then(
+          (s) => serializers.deserializeWith(serializer, serializedData(s)));
+
+  AvaliableWeekdayRecord._();
+  factory AvaliableWeekdayRecord(
+          [void Function(AvaliableWeekdayRecordBuilder) updates]) =
+      _$AvaliableWeekdayRecord;
+
+  static AvaliableWeekdayRecord getDocumentFromData(
+          Map<String, dynamic> data, DocumentReference reference) =>
+      serializers.deserializeWith(serializer,
+          {...mapFromFirestore(data), kDocumentReferenceField: reference});
+}
+
+Map<String, dynamic> createAvaliableWeekdayRecordData({
+  String date,
+  bool avaliable,
+  DateTime clockIn,
+  DateTime clockOut,
+  bool isClockin,
+  bool isClockOut,
+  int index,
+  String uid,
+}) =>
+    serializers.toFirestore(
+        AvaliableWeekdayRecord.serializer,
+        AvaliableWeekdayRecord((a) => a
+          ..date = date
+          ..avaliable = avaliable
+          ..clockIn = clockIn
+          ..clockOut = clockOut
+          ..isClockin = isClockin
+          ..isClockOut = isClockOut
+          ..index = index
+          ..uid = uid));
diff --git a/roster_management_system/lib/backend/schema/avaliable_weekday_record.g.dart b/roster_management_system/lib/backend/schema/avaliable_weekday_record.g.dart
new file mode 100644
index 0000000..86d66ad
--- /dev/null
+++ b/roster_management_system/lib/backend/schema/avaliable_weekday_record.g.dart
@@ -0,0 +1,336 @@
+// GENERATED CODE - DO NOT MODIFY BY HAND
+
+part of 'avaliable_weekday_record.dart';
+
+// **************************************************************************
+// BuiltValueGenerator
+// **************************************************************************
+
+Serializer<AvaliableWeekdayRecord> _$avaliableWeekdayRecordSerializer =
+    new _$AvaliableWeekdayRecordSerializer();
+
+class _$AvaliableWeekdayRecordSerializer
+    implements StructuredSerializer<AvaliableWeekdayRecord> {
+  @override
+  final Iterable<Type> types = const [
+    AvaliableWeekdayRecord,
+    _$AvaliableWeekdayRecord
+  ];
+  @override
+  final String wireName = 'AvaliableWeekdayRecord';
+
+  @override
+  Iterable<Object> serialize(
+      Serializers serializers, AvaliableWeekdayRecord object,
+      {FullType specifiedType = FullType.unspecified}) {
+    final result = <Object>[];
+    Object value;
+    value = object.date;
+    if (value != null) {
+      result
+        ..add('Date')
+        ..add(serializers.serialize(value,
+            specifiedType: const FullType(String)));
+    }
+    value = object.avaliable;
+    if (value != null) {
+      result
+        ..add('Avaliable')
+        ..add(
+            serializers.serialize(value, specifiedType: const FullType(bool)));
+    }
+    value = object.clockIn;
+    if (value != null) {
+      result
+        ..add('ClockIn')
+        ..add(serializers.serialize(value,
+            specifiedType: const FullType(DateTime)));
+    }
+    value = object.clockOut;
+    if (value != null) {
+      result
+        ..add('ClockOut')
+        ..add(serializers.serialize(value,
+            specifiedType: const FullType(DateTime)));
+    }
+    value = object.isClockin;
+    if (value != null) {
+      result
+        ..add('isClockin')
+        ..add(
+            serializers.serialize(value, specifiedType: const FullType(bool)));
+    }
+    value = object.isClockOut;
+    if (value != null) {
+      result
+        ..add('isClockOut')
+        ..add(
+            serializers.serialize(value, specifiedType: const FullType(bool)));
+    }
+    value = object.index;
+    if (value != null) {
+      result
+        ..add('index')
+        ..add(serializers.serialize(value, specifiedType: const FullType(int)));
+    }
+    value = object.uid;
+    if (value != null) {
+      result
+        ..add('uid')
+        ..add(serializers.serialize(value,
+            specifiedType: const FullType(String)));
+    }
+    value = object.reference;
+    if (value != null) {
+      result
+        ..add('Document__Reference__Field')
+        ..add(serializers.serialize(value,
+            specifiedType: const FullType(
+                DocumentReference, const [const FullType(Object)])));
+    }
+    return result;
+  }
+
+  @override
+  AvaliableWeekdayRecord deserialize(
+      Serializers serializers, Iterable<Object> serialized,
+      {FullType specifiedType = FullType.unspecified}) {
+    final result = new AvaliableWeekdayRecordBuilder();
+
+    final iterator = serialized.iterator;
+    while (iterator.moveNext()) {
+      final key = iterator.current as String;
+      iterator.moveNext();
+      final Object value = iterator.current;
+      switch (key) {
+        case 'Date':
+          result.date = serializers.deserialize(value,
+              specifiedType: const FullType(String)) as String;
+          break;
+        case 'Avaliable':
+          result.avaliable = serializers.deserialize(value,
+              specifiedType: const FullType(bool)) as bool;
+          break;
+        case 'ClockIn':
+          result.clockIn = serializers.deserialize(value,
+              specifiedType: const FullType(DateTime)) as DateTime;
+          break;
+        case 'ClockOut':
+          result.clockOut = serializers.deserialize(value,
+              specifiedType: const FullType(DateTime)) as DateTime;
+          break;
+        case 'isClockin':
+          result.isClockin = serializers.deserialize(value,
+              specifiedType: const FullType(bool)) as bool;
+          break;
+        case 'isClockOut':
+          result.isClockOut = serializers.deserialize(value,
+              specifiedType: const FullType(bool)) as bool;
+          break;
+        case 'index':
+          result.index = serializers.deserialize(value,
+              specifiedType: const FullType(int)) as int;
+          break;
+        case 'uid':
+          result.uid = serializers.deserialize(value,
+              specifiedType: const FullType(String)) as String;
+          break;
+        case 'Document__Reference__Field':
+          result.reference = serializers.deserialize(value,
+                  specifiedType: const FullType(
+                      DocumentReference, const [const FullType(Object)]))
+              as DocumentReference<Object>;
+          break;
+      }
+    }
+
+    return result.build();
+  }
+}
+
+class _$AvaliableWeekdayRecord extends AvaliableWeekdayRecord {
+  @override
+  final String date;
+  @override
+  final bool avaliable;
+  @override
+  final DateTime clockIn;
+  @override
+  final DateTime clockOut;
+  @override
+  final bool isClockin;
+  @override
+  final bool isClockOut;
+  @override
+  final int index;
+  @override
+  final String uid;
+  @override
+  final DocumentReference<Object> reference;
+
+  factory _$AvaliableWeekdayRecord(
+          [void Function(AvaliableWeekdayRecordBuilder) updates]) =>
+      (new AvaliableWeekdayRecordBuilder()..update(updates)).build();
+
+  _$AvaliableWeekdayRecord._(
+      {this.date,
+      this.avaliable,
+      this.clockIn,
+      this.clockOut,
+      this.isClockin,
+      this.isClockOut,
+      this.index,
+      this.uid,
+      this.reference})
+      : super._();
+
+  @override
+  AvaliableWeekdayRecord rebuild(
+          void Function(AvaliableWeekdayRecordBuilder) updates) =>
+      (toBuilder()..update(updates)).build();
+
+  @override
+  AvaliableWeekdayRecordBuilder toBuilder() =>
+      new AvaliableWeekdayRecordBuilder()..replace(this);
+
+  @override
+  bool operator ==(Object other) {
+    if (identical(other, this)) return true;
+    return other is AvaliableWeekdayRecord &&
+        date == other.date &&
+        avaliable == other.avaliable &&
+        clockIn == other.clockIn &&
+        clockOut == other.clockOut &&
+        isClockin == other.isClockin &&
+        isClockOut == other.isClockOut &&
+        index == other.index &&
+        uid == other.uid &&
+        reference == other.reference;
+  }
+
+  @override
+  int get hashCode {
+    return $jf($jc(
+        $jc(
+            $jc(
+                $jc(
+                    $jc(
+                        $jc(
+                            $jc($jc($jc(0, date.hashCode), avaliable.hashCode),
+                                clockIn.hashCode),
+                            clockOut.hashCode),
+                        isClockin.hashCode),
+                    isClockOut.hashCode),
+                index.hashCode),
+            uid.hashCode),
+        reference.hashCode));
+  }
+
+  @override
+  String toString() {
+    return (newBuiltValueToStringHelper('AvaliableWeekdayRecord')
+          ..add('date', date)
+          ..add('avaliable', avaliable)
+          ..add('clockIn', clockIn)
+          ..add('clockOut', clockOut)
+          ..add('isClockin', isClockin)
+          ..add('isClockOut', isClockOut)
+          ..add('index', index)
+          ..add('uid', uid)
+          ..add('reference', reference))
+        .toString();
+  }
+}
+
+class AvaliableWeekdayRecordBuilder
+    implements Builder<AvaliableWeekdayRecord, AvaliableWeekdayRecordBuilder> {
+  _$AvaliableWeekdayRecord _$v;
+
+  String _date;
+  String get date => _$this._date;
+  set date(String date) => _$this._date = date;
+
+  bool _avaliable;
+  bool get avaliable => _$this._avaliable;
+  set avaliable(bool avaliable) => _$this._avaliable = avaliable;
+
+  DateTime _clockIn;
+  DateTime get clockIn => _$this._clockIn;
+  set clockIn(DateTime clockIn) => _$this._clockIn = clockIn;
+
+  DateTime _clockOut;
+  DateTime get clockOut => _$this._clockOut;
+  set clockOut(DateTime clockOut) => _$this._clockOut = clockOut;
+
+  bool _isClockin;
+  bool get isClockin => _$this._isClockin;
+  set isClockin(bool isClockin) => _$this._isClockin = isClockin;
+
+  bool _isClockOut;
+  bool get isClockOut => _$this._isClockOut;
+  set isClockOut(bool isClockOut) => _$this._isClockOut = isClockOut;
+
+  int _index;
+  int get index => _$this._index;
+  set index(int index) => _$this._index = index;
+
+  String _uid;
+  String get uid => _$this._uid;
+  set uid(String uid) => _$this._uid = uid;
+
+  DocumentReference<Object> _reference;
+  DocumentReference<Object> get reference => _$this._reference;
+  set reference(DocumentReference<Object> reference) =>
+      _$this._reference = reference;
+
+  AvaliableWeekdayRecordBuilder() {
+    AvaliableWeekdayRecord._initializeBuilder(this);
+  }
+
+  AvaliableWeekdayRecordBuilder get _$this {
+    final $v = _$v;
+    if ($v != null) {
+      _date = $v.date;
+      _avaliable = $v.avaliable;
+      _clockIn = $v.clockIn;
+      _clockOut = $v.clockOut;
+      _isClockin = $v.isClockin;
+      _isClockOut = $v.isClockOut;
+      _index = $v.index;
+      _uid = $v.uid;
+      _reference = $v.reference;
+      _$v = null;
+    }
+    return this;
+  }
+
+  @override
+  void replace(AvaliableWeekdayRecord other) {
+    ArgumentError.checkNotNull(other, 'other');
+    _$v = other as _$AvaliableWeekdayRecord;
+  }
+
+  @override
+  void update(void Function(AvaliableWeekdayRecordBuilder) updates) {
+    if (updates != null) updates(this);
+  }
+
+  @override
+  _$AvaliableWeekdayRecord build() {
+    final _$result = _$v ??
+        new _$AvaliableWeekdayRecord._(
+            date: date,
+            avaliable: avaliable,
+            clockIn: clockIn,
+            clockOut: clockOut,
+            isClockin: isClockin,
+            isClockOut: isClockOut,
+            index: index,
+            uid: uid,
+            reference: reference);
+    replace(_$result);
+    return _$result;
+  }
+}
+
+// ignore_for_file: always_put_control_body_on_new_line,always_specify_types,annotate_overrides,avoid_annotating_with_dynamic,avoid_as,avoid_catches_without_on_clauses,avoid_returning_this,deprecated_member_use_from_same_package,lines_longer_than_80_chars,omit_local_variable_types,prefer_expression_function_bodies,sort_constructors_first,test_types_in_equals,unnecessary_const,unnecessary_new
diff --git a/roster_management_system/lib/backend/schema/firestore.indexes.json b/roster_management_system/lib/backend/schema/firestore.indexes.json
new file mode 100644
index 0000000..b19e92b
--- /dev/null
+++ b/roster_management_system/lib/backend/schema/firestore.indexes.json
@@ -0,0 +1,3 @@
+{
+  "indexes": []
+}
\ No newline at end of file
diff --git a/roster_management_system/lib/backend/schema/firestore.rules b/roster_management_system/lib/backend/schema/firestore.rules
new file mode 100644
index 0000000..64375fe
--- /dev/null
+++ b/roster_management_system/lib/backend/schema/firestore.rules
@@ -0,0 +1,44 @@
+rules_version = '2';
+service cloud.firestore {
+  match /databases/{database}/documents {
+    match /Users/{document} {
+      allow create: if request.auth.uid == document;
+      allow read: if true;
+      allow write: if request.auth.uid == document;
+      allow delete: if false;
+    }
+
+    match /Task/{document} {
+      allow create: if true;
+      allow read: if true;
+      allow write: if true;
+      allow delete: if true;
+    }
+
+    match /Train/{document} {
+      allow create: if true;
+      allow read: if true;
+      allow write: if true;
+      allow delete: if true;
+    }
+
+    match /Users/{parent}/TaskChoosed/{document} {
+      allow create: if request.auth.uid == parent;
+      allow read: if true;
+      allow write: if request.auth.uid == parent;
+      allow delete: if false;
+    }
+
+    match /Users/{parent}/AvaliableWeekday/{document} {
+      allow create: if true;
+      allow read: if true;
+      allow write: if true;
+      allow delete: if true;
+    }
+
+    match /{path=**}/AvaliableWeekday/{document} {
+      allow read: if true;
+    }
+
+  }
+}
diff --git a/roster_management_system/lib/backend/schema/index.dart b/roster_management_system/lib/backend/schema/index.dart
new file mode 100644
index 0000000..6201c33
--- /dev/null
+++ b/roster_management_system/lib/backend/schema/index.dart
@@ -0,0 +1,4 @@
+export 'package:cloud_firestore/cloud_firestore.dart';
+export 'package:built_value/serializer.dart';
+export 'package:built_collection/built_collection.dart';
+export '../../flutter_flow/lat_lng.dart';
diff --git a/roster_management_system/lib/backend/schema/serializers.dart b/roster_management_system/lib/backend/schema/serializers.dart
new file mode 100644
index 0000000..c613f1f
--- /dev/null
+++ b/roster_management_system/lib/backend/schema/serializers.dart
@@ -0,0 +1,132 @@
+import 'package:built_value/standard_json_plugin.dart';
+
+import 'users_record.dart';
+import 'task_record.dart';
+import 'train_record.dart';
+import 'task_choosed_record.dart';
+import 'avaliable_weekday_record.dart';
+
+import 'index.dart';
+
+export 'index.dart';
+
+part 'serializers.g.dart';
+
+const kDocumentReferenceField = 'Document__Reference__Field';
+
+@SerializersFor(const [
+  UsersRecord,
+  TaskRecord,
+  TrainRecord,
+  TaskChoosedRecord,
+  AvaliableWeekdayRecord,
+])
+final Serializers serializers = (_$serializers.toBuilder()
+      ..add(DocumentReferenceSerializer())
+      ..add(DateTimeSerializer())
+      ..add(LatLngSerializer())
+      ..addPlugin(StandardJsonPlugin()))
+    .build();
+
+extension SerializerExtensions on Serializers {
+  Map<String, dynamic> toFirestore<T>(Serializer<T> serializer, T object) =>
+      mapToFirestore(serializeWith(serializer, object));
+}
+
+class DocumentReferenceSerializer
+    implements PrimitiveSerializer<DocumentReference> {
+  final bool structured = false;
+  @override
+  final Iterable<Type> types = new BuiltList<Type>([DocumentReference]);
+  @override
+  final String wireName = 'DocumentReference';
+
+  @override
+  Object serialize(Serializers serializers, DocumentReference reference,
+      {FullType specifiedType: FullType.unspecified}) {
+    return reference;
+  }
+
+  @override
+  DocumentReference deserialize(Serializers serializers, Object serialized,
+          {FullType specifiedType: FullType.unspecified}) =>
+      serialized as DocumentReference;
+}
+
+class DateTimeSerializer implements PrimitiveSerializer<DateTime> {
+  @override
+  final Iterable<Type> types = new BuiltList<Type>([DateTime]);
+  @override
+  final String wireName = 'DateTime';
+
+  @override
+  Object serialize(Serializers serializers, DateTime dateTime,
+      {FullType specifiedType: FullType.unspecified}) {
+    return dateTime;
+  }
+
+  @override
+  DateTime deserialize(Serializers serializers, Object serialized,
+          {FullType specifiedType: FullType.unspecified}) =>
+      serialized as DateTime;
+}
+
+class LatLngSerializer implements PrimitiveSerializer<LatLng> {
+  final bool structured = false;
+  @override
+  final Iterable<Type> types = new BuiltList<Type>([LatLng]);
+  @override
+  final String wireName = 'LatLng';
+
+  @override
+  Object serialize(Serializers serializers, LatLng location,
+      {FullType specifiedType: FullType.unspecified}) {
+    return location;
+  }
+
+  @override
+  LatLng deserialize(Serializers serializers, Object serialized,
+          {FullType specifiedType: FullType.unspecified}) =>
+      serialized as LatLng;
+}
+
+Map<String, dynamic> serializedData(DocumentSnapshot doc) =>
+    {...mapFromFirestore(doc.data()), kDocumentReferenceField: doc.reference};
+
+Map<String, dynamic> mapFromFirestore(Map<String, dynamic> data) =>
+    data.map((key, value) {
+      if (value is Timestamp) {
+        value = (value as Timestamp).toDate();
+      }
+      if (value is GeoPoint) {
+        value = (value as GeoPoint).toLatLng();
+      }
+      return MapEntry(key, value);
+    });
+
+Map<String, dynamic> mapToFirestore(Map<String, dynamic> data) =>
+    data.map((key, value) {
+      if (value is LatLng) {
+        value = (value as LatLng).toGeoPoint();
+      }
+      return MapEntry(key, value);
+    });
+
+extension GeoPointExtension on LatLng {
+  GeoPoint toGeoPoint() => GeoPoint(latitude, longitude);
+}
+
+extension LatLngExtension on GeoPoint {
+  LatLng toLatLng() => LatLng(latitude, longitude);
+}
+
+DocumentReference toRef(String ref) => FirebaseFirestore.instance.doc(ref);
+
+T safeGet<T>(T Function() func, [Function(dynamic) reportError]) {
+  try {
+    return func();
+  } catch (e) {
+    reportError?.call(e);
+  }
+  return null;
+}
diff --git a/roster_management_system/lib/backend/schema/serializers.g.dart b/roster_management_system/lib/backend/schema/serializers.g.dart
new file mode 100644
index 0000000..b950ed8
--- /dev/null
+++ b/roster_management_system/lib/backend/schema/serializers.g.dart
@@ -0,0 +1,26 @@
+// GENERATED CODE - DO NOT MODIFY BY HAND
+
+part of 'serializers.dart';
+
+// **************************************************************************
+// BuiltValueGenerator
+// **************************************************************************
+
+Serializers _$serializers = (new Serializers().toBuilder()
+      ..add(AvaliableWeekdayRecord.serializer)
+      ..add(TaskChoosedRecord.serializer)
+      ..add(TaskRecord.serializer)
+      ..add(TrainRecord.serializer)
+      ..add(UsersRecord.serializer)
+      ..addBuilderFactory(
+          const FullType(BuiltList, const [const FullType(String)]),
+          () => new ListBuilder<String>())
+      ..addBuilderFactory(
+          const FullType(BuiltList, const [const FullType(String)]),
+          () => new ListBuilder<String>())
+      ..addBuilderFactory(
+          const FullType(BuiltList, const [const FullType(String)]),
+          () => new ListBuilder<String>()))
+    .build();
+
+// ignore_for_file: always_put_control_body_on_new_line,always_specify_types,annotate_overrides,avoid_annotating_with_dynamic,avoid_as,avoid_catches_without_on_clauses,avoid_returning_this,deprecated_member_use_from_same_package,lines_longer_than_80_chars,omit_local_variable_types,prefer_expression_function_bodies,sort_constructors_first,test_types_in_equals,unnecessary_const,unnecessary_new
diff --git a/roster_management_system/lib/backend/schema/task_choosed_record.dart b/roster_management_system/lib/backend/schema/task_choosed_record.dart
new file mode 100644
index 0000000..b90d619
--- /dev/null
+++ b/roster_management_system/lib/backend/schema/task_choosed_record.dart
@@ -0,0 +1,102 @@
+import 'dart:async';
+
+import 'index.dart';
+import 'serializers.dart';
+import 'package:built_value/built_value.dart';
+
+part 'task_choosed_record.g.dart';
+
+abstract class TaskChoosedRecord
+    implements Built<TaskChoosedRecord, TaskChoosedRecordBuilder> {
+  static Serializer<TaskChoosedRecord> get serializer =>
+      _$taskChoosedRecordSerializer;
+
+  @nullable
+  BuiltList<String> get tasks;
+
+  @nullable
+  @BuiltValueField(wireName: 'task_name')
+  String get taskName;
+
+  @nullable
+  @BuiltValueField(wireName: 'task_des')
+  String get taskDes;
+
+  @nullable
+  @BuiltValueField(wireName: 'task_id')
+  String get taskId;
+
+  @nullable
+  @BuiltValueField(wireName: 'start_date')
+  DateTime get startDate;
+
+  @nullable
+  @BuiltValueField(wireName: 'end_date')
+  DateTime get endDate;
+
+  @nullable
+  String get state;
+
+  @nullable
+  String get uid;
+
+  @nullable
+  @BuiltValueField(wireName: kDocumentReferenceField)
+  DocumentReference get reference;
+
+  DocumentReference get parentReference => reference.parent.parent;
+
+  static void _initializeBuilder(TaskChoosedRecordBuilder builder) => builder
+    ..tasks = ListBuilder()
+    ..taskName = ''
+    ..taskDes = ''
+    ..taskId = ''
+    ..state = ''
+    ..uid = '';
+
+  static Query<Map<String, dynamic>> collection([DocumentReference parent]) =>
+      parent != null
+          ? parent.collection('TaskChoosed')
+          : FirebaseFirestore.instance.collectionGroup('TaskChoosed');
+
+  static DocumentReference createDoc(DocumentReference parent) =>
+      parent.collection('TaskChoosed').doc();
+
+  static Stream<TaskChoosedRecord> getDocument(DocumentReference ref) => ref
+      .snapshots()
+      .map((s) => serializers.deserializeWith(serializer, serializedData(s)));
+
+  static Future<TaskChoosedRecord> getDocumentOnce(DocumentReference ref) => ref
+      .get()
+      .then((s) => serializers.deserializeWith(serializer, serializedData(s)));
+
+  TaskChoosedRecord._();
+  factory TaskChoosedRecord([void Function(TaskChoosedRecordBuilder) updates]) =
+      _$TaskChoosedRecord;
+
+  static TaskChoosedRecord getDocumentFromData(
+          Map<String, dynamic> data, DocumentReference reference) =>
+      serializers.deserializeWith(serializer,
+          {...mapFromFirestore(data), kDocumentReferenceField: reference});
+}
+
+Map<String, dynamic> createTaskChoosedRecordData({
+  String taskName,
+  String taskDes,
+  String taskId,
+  DateTime startDate,
+  DateTime endDate,
+  String state,
+  String uid,
+}) =>
+    serializers.toFirestore(
+        TaskChoosedRecord.serializer,
+        TaskChoosedRecord((t) => t
+          ..tasks = null
+          ..taskName = taskName
+          ..taskDes = taskDes
+          ..taskId = taskId
+          ..startDate = startDate
+          ..endDate = endDate
+          ..state = state
+          ..uid = uid));
diff --git a/roster_management_system/lib/backend/schema/task_choosed_record.g.dart b/roster_management_system/lib/backend/schema/task_choosed_record.g.dart
new file mode 100644
index 0000000..5d6da02
--- /dev/null
+++ b/roster_management_system/lib/backend/schema/task_choosed_record.g.dart
@@ -0,0 +1,348 @@
+// GENERATED CODE - DO NOT MODIFY BY HAND
+
+part of 'task_choosed_record.dart';
+
+// **************************************************************************
+// BuiltValueGenerator
+// **************************************************************************
+
+Serializer<TaskChoosedRecord> _$taskChoosedRecordSerializer =
+    new _$TaskChoosedRecordSerializer();
+
+class _$TaskChoosedRecordSerializer
+    implements StructuredSerializer<TaskChoosedRecord> {
+  @override
+  final Iterable<Type> types = const [TaskChoosedRecord, _$TaskChoosedRecord];
+  @override
+  final String wireName = 'TaskChoosedRecord';
+
+  @override
+  Iterable<Object> serialize(Serializers serializers, TaskChoosedRecord object,
+      {FullType specifiedType = FullType.unspecified}) {
+    final result = <Object>[];
+    Object value;
+    value = object.tasks;
+    if (value != null) {
+      result
+        ..add('tasks')
+        ..add(serializers.serialize(value,
+            specifiedType:
+                const FullType(BuiltList, const [const FullType(String)])));
+    }
+    value = object.taskName;
+    if (value != null) {
+      result
+        ..add('task_name')
+        ..add(serializers.serialize(value,
+            specifiedType: const FullType(String)));
+    }
+    value = object.taskDes;
+    if (value != null) {
+      result
+        ..add('task_des')
+        ..add(serializers.serialize(value,
+            specifiedType: const FullType(String)));
+    }
+    value = object.taskId;
+    if (value != null) {
+      result
+        ..add('task_id')
+        ..add(serializers.serialize(value,
+            specifiedType: const FullType(String)));
+    }
+    value = object.startDate;
+    if (value != null) {
+      result
+        ..add('start_date')
+        ..add(serializers.serialize(value,
+            specifiedType: const FullType(DateTime)));
+    }
+    value = object.endDate;
+    if (value != null) {
+      result
+        ..add('end_date')
+        ..add(serializers.serialize(value,
+            specifiedType: const FullType(DateTime)));
+    }
+    value = object.state;
+    if (value != null) {
+      result
+        ..add('state')
+        ..add(serializers.serialize(value,
+            specifiedType: const FullType(String)));
+    }
+    value = object.uid;
+    if (value != null) {
+      result
+        ..add('uid')
+        ..add(serializers.serialize(value,
+            specifiedType: const FullType(String)));
+    }
+    value = object.reference;
+    if (value != null) {
+      result
+        ..add('Document__Reference__Field')
+        ..add(serializers.serialize(value,
+            specifiedType: const FullType(
+                DocumentReference, const [const FullType(Object)])));
+    }
+    return result;
+  }
+
+  @override
+  TaskChoosedRecord deserialize(
+      Serializers serializers, Iterable<Object> serialized,
+      {FullType specifiedType = FullType.unspecified}) {
+    final result = new TaskChoosedRecordBuilder();
+
+    final iterator = serialized.iterator;
+    while (iterator.moveNext()) {
+      final key = iterator.current as String;
+      iterator.moveNext();
+      final Object value = iterator.current;
+      switch (key) {
+        case 'tasks':
+          result.tasks.replace(serializers.deserialize(value,
+                  specifiedType:
+                      const FullType(BuiltList, const [const FullType(String)]))
+              as BuiltList<Object>);
+          break;
+        case 'task_name':
+          result.taskName = serializers.deserialize(value,
+              specifiedType: const FullType(String)) as String;
+          break;
+        case 'task_des':
+          result.taskDes = serializers.deserialize(value,
+              specifiedType: const FullType(String)) as String;
+          break;
+        case 'task_id':
+          result.taskId = serializers.deserialize(value,
+              specifiedType: const FullType(String)) as String;
+          break;
+        case 'start_date':
+          result.startDate = serializers.deserialize(value,
+              specifiedType: const FullType(DateTime)) as DateTime;
+          break;
+        case 'end_date':
+          result.endDate = serializers.deserialize(value,
+              specifiedType: const FullType(DateTime)) as DateTime;
+          break;
+        case 'state':
+          result.state = serializers.deserialize(value,
+              specifiedType: const FullType(String)) as String;
+          break;
+        case 'uid':
+          result.uid = serializers.deserialize(value,
+              specifiedType: const FullType(String)) as String;
+          break;
+        case 'Document__Reference__Field':
+          result.reference = serializers.deserialize(value,
+                  specifiedType: const FullType(
+                      DocumentReference, const [const FullType(Object)]))
+              as DocumentReference<Object>;
+          break;
+      }
+    }
+
+    return result.build();
+  }
+}
+
+class _$TaskChoosedRecord extends TaskChoosedRecord {
+  @override
+  final BuiltList<String> tasks;
+  @override
+  final String taskName;
+  @override
+  final String taskDes;
+  @override
+  final String taskId;
+  @override
+  final DateTime startDate;
+  @override
+  final DateTime endDate;
+  @override
+  final String state;
+  @override
+  final String uid;
+  @override
+  final DocumentReference<Object> reference;
+
+  factory _$TaskChoosedRecord(
+          [void Function(TaskChoosedRecordBuilder) updates]) =>
+      (new TaskChoosedRecordBuilder()..update(updates)).build();
+
+  _$TaskChoosedRecord._(
+      {this.tasks,
+      this.taskName,
+      this.taskDes,
+      this.taskId,
+      this.startDate,
+      this.endDate,
+      this.state,
+      this.uid,
+      this.reference})
+      : super._();
+
+  @override
+  TaskChoosedRecord rebuild(void Function(TaskChoosedRecordBuilder) updates) =>
+      (toBuilder()..update(updates)).build();
+
+  @override
+  TaskChoosedRecordBuilder toBuilder() =>
+      new TaskChoosedRecordBuilder()..replace(this);
+
+  @override
+  bool operator ==(Object other) {
+    if (identical(other, this)) return true;
+    return other is TaskChoosedRecord &&
+        tasks == other.tasks &&
+        taskName == other.taskName &&
+        taskDes == other.taskDes &&
+        taskId == other.taskId &&
+        startDate == other.startDate &&
+        endDate == other.endDate &&
+        state == other.state &&
+        uid == other.uid &&
+        reference == other.reference;
+  }
+
+  @override
+  int get hashCode {
+    return $jf($jc(
+        $jc(
+            $jc(
+                $jc(
+                    $jc(
+                        $jc(
+                            $jc($jc($jc(0, tasks.hashCode), taskName.hashCode),
+                                taskDes.hashCode),
+                            taskId.hashCode),
+                        startDate.hashCode),
+                    endDate.hashCode),
+                state.hashCode),
+            uid.hashCode),
+        reference.hashCode));
+  }
+
+  @override
+  String toString() {
+    return (newBuiltValueToStringHelper('TaskChoosedRecord')
+          ..add('tasks', tasks)
+          ..add('taskName', taskName)
+          ..add('taskDes', taskDes)
+          ..add('taskId', taskId)
+          ..add('startDate', startDate)
+          ..add('endDate', endDate)
+          ..add('state', state)
+          ..add('uid', uid)
+          ..add('reference', reference))
+        .toString();
+  }
+}
+
+class TaskChoosedRecordBuilder
+    implements Builder<TaskChoosedRecord, TaskChoosedRecordBuilder> {
+  _$TaskChoosedRecord _$v;
+
+  ListBuilder<String> _tasks;
+  ListBuilder<String> get tasks => _$this._tasks ??= new ListBuilder<String>();
+  set tasks(ListBuilder<String> tasks) => _$this._tasks = tasks;
+
+  String _taskName;
+  String get taskName => _$this._taskName;
+  set taskName(String taskName) => _$this._taskName = taskName;
+
+  String _taskDes;
+  String get taskDes => _$this._taskDes;
+  set taskDes(String taskDes) => _$this._taskDes = taskDes;
+
+  String _taskId;
+  String get taskId => _$this._taskId;
+  set taskId(String taskId) => _$this._taskId = taskId;
+
+  DateTime _startDate;
+  DateTime get startDate => _$this._startDate;
+  set startDate(DateTime startDate) => _$this._startDate = startDate;
+
+  DateTime _endDate;
+  DateTime get endDate => _$this._endDate;
+  set endDate(DateTime endDate) => _$this._endDate = endDate;
+
+  String _state;
+  String get state => _$this._state;
+  set state(String state) => _$this._state = state;
+
+  String _uid;
+  String get uid => _$this._uid;
+  set uid(String uid) => _$this._uid = uid;
+
+  DocumentReference<Object> _reference;
+  DocumentReference<Object> get reference => _$this._reference;
+  set reference(DocumentReference<Object> reference) =>
+      _$this._reference = reference;
+
+  TaskChoosedRecordBuilder() {
+    TaskChoosedRecord._initializeBuilder(this);
+  }
+
+  TaskChoosedRecordBuilder get _$this {
+    final $v = _$v;
+    if ($v != null) {
+      _tasks = $v.tasks?.toBuilder();
+      _taskName = $v.taskName;
+      _taskDes = $v.taskDes;
+      _taskId = $v.taskId;
+      _startDate = $v.startDate;
+      _endDate = $v.endDate;
+      _state = $v.state;
+      _uid = $v.uid;
+      _reference = $v.reference;
+      _$v = null;
+    }
+    return this;
+  }
+
+  @override
+  void replace(TaskChoosedRecord other) {
+    ArgumentError.checkNotNull(other, 'other');
+    _$v = other as _$TaskChoosedRecord;
+  }
+
+  @override
+  void update(void Function(TaskChoosedRecordBuilder) updates) {
+    if (updates != null) updates(this);
+  }
+
+  @override
+  _$TaskChoosedRecord build() {
+    _$TaskChoosedRecord _$result;
+    try {
+      _$result = _$v ??
+          new _$TaskChoosedRecord._(
+              tasks: _tasks?.build(),
+              taskName: taskName,
+              taskDes: taskDes,
+              taskId: taskId,
+              startDate: startDate,
+              endDate: endDate,
+              state: state,
+              uid: uid,
+              reference: reference);
+    } catch (_) {
+      String _$failedField;
+      try {
+        _$failedField = 'tasks';
+        _tasks?.build();
+      } catch (e) {
+        throw new BuiltValueNestedFieldError(
+            'TaskChoosedRecord', _$failedField, e.toString());
+      }
+      rethrow;
+    }
+    replace(_$result);
+    return _$result;
+  }
+}
+
+// ignore_for_file: always_put_control_body_on_new_line,always_specify_types,annotate_overrides,avoid_annotating_with_dynamic,avoid_as,avoid_catches_without_on_clauses,avoid_returning_this,deprecated_member_use_from_same_package,lines_longer_than_80_chars,omit_local_variable_types,prefer_expression_function_bodies,sort_constructors_first,test_types_in_equals,unnecessary_const,unnecessary_new
diff --git a/roster_management_system/lib/backend/schema/task_record.dart b/roster_management_system/lib/backend/schema/task_record.dart
new file mode 100644
index 0000000..dd51bca
--- /dev/null
+++ b/roster_management_system/lib/backend/schema/task_record.dart
@@ -0,0 +1,99 @@
+import 'dart:async';
+
+import 'index.dart';
+import 'serializers.dart';
+import 'package:built_value/built_value.dart';
+
+part 'task_record.g.dart';
+
+abstract class TaskRecord implements Built<TaskRecord, TaskRecordBuilder> {
+  static Serializer<TaskRecord> get serializer => _$taskRecordSerializer;
+
+  @nullable
+  BuiltList<String> get tasks;
+
+  @nullable
+  @BuiltValueField(wireName: 'task_name')
+  String get taskName;
+
+  @nullable
+  @BuiltValueField(wireName: 'task_des')
+  String get taskDes;
+
+  @nullable
+  @BuiltValueField(wireName: 'task_id')
+  String get taskId;
+
+  @nullable
+  @BuiltValueField(wireName: 'start_date')
+  DateTime get startDate;
+
+  @nullable
+  @BuiltValueField(wireName: 'end_date')
+  DateTime get endDate;
+
+  @nullable
+  bool get choosed;
+
+  @nullable
+  String get state;
+
+  @nullable
+  @BuiltValueField(wireName: 'Task_image')
+  String get taskImage;
+
+  @nullable
+  @BuiltValueField(wireName: kDocumentReferenceField)
+  DocumentReference get reference;
+
+  static void _initializeBuilder(TaskRecordBuilder builder) => builder
+    ..tasks = ListBuilder()
+    ..taskName = ''
+    ..taskDes = ''
+    ..taskId = ''
+    ..choosed = false
+    ..state = ''
+    ..taskImage = '';
+
+  static CollectionReference get collection =>
+      FirebaseFirestore.instance.collection('Task');
+
+  static Stream<TaskRecord> getDocument(DocumentReference ref) => ref
+      .snapshots()
+      .map((s) => serializers.deserializeWith(serializer, serializedData(s)));
+
+  static Future<TaskRecord> getDocumentOnce(DocumentReference ref) => ref
+      .get()
+      .then((s) => serializers.deserializeWith(serializer, serializedData(s)));
+
+  TaskRecord._();
+  factory TaskRecord([void Function(TaskRecordBuilder) updates]) = _$TaskRecord;
+
+  static TaskRecord getDocumentFromData(
+          Map<String, dynamic> data, DocumentReference reference) =>
+      serializers.deserializeWith(serializer,
+          {...mapFromFirestore(data), kDocumentReferenceField: reference});
+}
+
+Map<String, dynamic> createTaskRecordData({
+  String taskName,
+  String taskDes,
+  String taskId,
+  DateTime startDate,
+  DateTime endDate,
+  bool choosed,
+  String state,
+  String taskImage,
+}) =>
+    serializers.toFirestore(
+        TaskRecord.serializer,
+        TaskRecord((t) => t
+          ..tasks = null
+          ..taskName = taskName
+          ..taskDes = taskDes
+          ..taskId = taskId
+          ..startDate = startDate
+          ..endDate = endDate
+          ..choosed = choosed
+          ..state = state
+          ..taskImage = taskImage));
diff --git a/roster_management_system/lib/backend/schema/task_record.g.dart b/roster_management_system/lib/backend/schema/task_record.g.dart
new file mode 100644
index 0000000..a93f356
--- /dev/null
+++ b/roster_management_system/lib/backend/schema/task_record.g.dart
@@ -0,0 +1,368 @@
+// GENERATED CODE - DO NOT MODIFY BY HAND
+
+part of 'task_record.dart';
+
+// **************************************************************************
+// BuiltValueGenerator
+// **************************************************************************
+
+Serializer<TaskRecord> _$taskRecordSerializer = new _$TaskRecordSerializer();
+
+class _$TaskRecordSerializer implements StructuredSerializer<TaskRecord> {
+  @override
+  final Iterable<Type> types = const [TaskRecord, _$TaskRecord];
+  @override
+  final String wireName = 'TaskRecord';
+
+  @override
+  Iterable<Object> serialize(Serializers serializers, TaskRecord object,
+      {FullType specifiedType = FullType.unspecified}) {
+    final result = <Object>[];
+    Object value;
+    value = object.tasks;
+    if (value != null) {
+      result
+        ..add('tasks')
+        ..add(serializers.serialize(value,
+            specifiedType:
+                const FullType(BuiltList, const [const FullType(String)])));
+    }
+    value = object.taskName;
+    if (value != null) {
+      result
+        ..add('task_name')
+        ..add(serializers.serialize(value,
+            specifiedType: const FullType(String)));
+    }
+    value = object.taskDes;
+    if (value != null) {
+      result
+        ..add('task_des')
+        ..add(serializers.serialize(value,
+            specifiedType: const FullType(String)));
+    }
+    value = object.taskId;
+    if (value != null) {
+      result
+        ..add('task_id')
+        ..add(serializers.serialize(value,
+            specifiedType: const FullType(String)));
+    }
+    value = object.startDate;
+    if (value != null) {
+      result
+        ..add('start_date')
+        ..add(serializers.serialize(value,
+            specifiedType: const FullType(DateTime)));
+    }
+    value = object.endDate;
+    if (value != null) {
+      result
+        ..add('end_date')
+        ..add(serializers.serialize(value,
+            specifiedType: const FullType(DateTime)));
+    }
+    value = object.choosed;
+    if (value != null) {
+      result
+        ..add('choosed')
+        ..add(
+            serializers.serialize(value, specifiedType: const FullType(bool)));
+    }
+    value = object.state;
+    if (value != null) {
+      result
+        ..add('state')
+        ..add(serializers.serialize(value,
+            specifiedType: const FullType(String)));
+    }
+    value = object.taskImage;
+    if (value != null) {
+      result
+        ..add('Task_image')
+        ..add(serializers.serialize(value,
+            specifiedType: const FullType(String)));
+    }
+    value = object.reference;
+    if (value != null) {
+      result
+        ..add('Document__Reference__Field')
+        ..add(serializers.serialize(value,
+            specifiedType: const FullType(
+                DocumentReference, const [const FullType(Object)])));
+    }
+    return result;
+  }
+
+  @override
+  TaskRecord deserialize(Serializers serializers, Iterable<Object> serialized,
+      {FullType specifiedType = FullType.unspecified}) {
+    final result = new TaskRecordBuilder();
+
+    final iterator = serialized.iterator;
+    while (iterator.moveNext()) {
+      final key = iterator.current as String;
+      iterator.moveNext();
+      final Object value = iterator.current;
+      switch (key) {
+        case 'tasks':
+          result.tasks.replace(serializers.deserialize(value,
+                  specifiedType:
+                      const FullType(BuiltList, const [const FullType(String)]))
+              as BuiltList<Object>);
+          break;
+        case 'task_name':
+          result.taskName = serializers.deserialize(value,
+              specifiedType: const FullType(String)) as String;
+          break;
+        case 'task_des':
+          result.taskDes = serializers.deserialize(value,
+              specifiedType: const FullType(String)) as String;
+          break;
+        case 'task_id':
+          result.taskId = serializers.deserialize(value,
+              specifiedType: const FullType(String)) as String;
+          break;
+        case 'start_date':
+          result.startDate = serializers.deserialize(value,
+              specifiedType: const FullType(DateTime)) as DateTime;
+          break;
+        case 'end_date':
+          result.endDate = serializers.deserialize(value,
+              specifiedType: const FullType(DateTime)) as DateTime;
+          break;
+        case 'choosed':
+          result.choosed = serializers.deserialize(value,
+              specifiedType: const FullType(bool)) as bool;
+          break;
+        case 'state':
+          result.state = serializers.deserialize(value,
+              specifiedType: const FullType(String)) as String;
+          break;
+        case 'Task_image':
+          result.taskImage = serializers.deserialize(value,
+              specifiedType: const FullType(String)) as String;
+          break;
+        case 'Document__Reference__Field':
+          result.reference = serializers.deserialize(value,
+                  specifiedType: const FullType(
+                      DocumentReference, const [const FullType(Object)]))
+              as DocumentReference<Object>;
+          break;
+      }
+    }
+
+    return result.build();
+  }
+}
+
+class _$TaskRecord extends TaskRecord {
+  @override
+  final BuiltList<String> tasks;
+  @override
+  final String taskName;
+  @override
+  final String taskDes;
+  @override
+  final String taskId;
+  @override
+  final DateTime startDate;
+  @override
+  final DateTime endDate;
+  @override
+  final bool choosed;
+  @override
+  final String state;
+  @override
+  final String taskImage;
+  @override
+  final DocumentReference<Object> reference;
+
+  factory _$TaskRecord([void Function(TaskRecordBuilder) updates]) =>
+      (new TaskRecordBuilder()..update(updates)).build();
+
+  _$TaskRecord._(
+      {this.tasks,
+      this.taskName,
+      this.taskDes,
+      this.taskId,
+      this.startDate,
+      this.endDate,
+      this.choosed,
+      this.state,
+      this.taskImage,
+      this.reference})
+      : super._();
+
+  @override
+  TaskRecord rebuild(void Function(TaskRecordBuilder) updates) =>
+      (toBuilder()..update(updates)).build();
+
+  @override
+  TaskRecordBuilder toBuilder() => new TaskRecordBuilder()..replace(this);
+
+  @override
+  bool operator ==(Object other) {
+    if (identical(other, this)) return true;
+    return other is TaskRecord &&
+        tasks == other.tasks &&
+        taskName == other.taskName &&
+        taskDes == other.taskDes &&
+        taskId == other.taskId &&
+        startDate == other.startDate &&
+        endDate == other.endDate &&
+        choosed == other.choosed &&
+        state == other.state &&
+        taskImage == other.taskImage &&
+        reference == other.reference;
+  }
+
+  @override
+  int get hashCode {
+    return $jf($jc(
+        $jc(
+            $jc(
+                $jc(
+                    $jc(
+                        $jc(
+                            $jc(
+                                $jc(
+                                    $jc($jc(0, tasks.hashCode),
+                                        taskName.hashCode),
+                                    taskDes.hashCode),
+                                taskId.hashCode),
+                            startDate.hashCode),
+                        endDate.hashCode),
+                    choosed.hashCode),
+                state.hashCode),
+            taskImage.hashCode),
+        reference.hashCode));
+  }
+
+  @override
+  String toString() {
+    return (newBuiltValueToStringHelper('TaskRecord')
+          ..add('tasks', tasks)
+          ..add('taskName', taskName)
+          ..add('taskDes', taskDes)
+          ..add('taskId', taskId)
+          ..add('startDate', startDate)
+          ..add('endDate', endDate)
+          ..add('choosed', choosed)
+          ..add('state', state)
+          ..add('taskImage', taskImage)
+          ..add('reference', reference))
+        .toString();
+  }
+}
+
+class TaskRecordBuilder implements Builder<TaskRecord, TaskRecordBuilder> {
+  _$TaskRecord _$v;
+
+  ListBuilder<String> _tasks;
+  ListBuilder<String> get tasks => _$this._tasks ??= new ListBuilder<String>();
+  set tasks(ListBuilder<String> tasks) => _$this._tasks = tasks;
+
+  String _taskName;
+  String get taskName => _$this._taskName;
+  set taskName(String taskName) => _$this._taskName = taskName;
+
+  String _taskDes;
+  String get taskDes => _$this._taskDes;
+  set taskDes(String taskDes) => _$this._taskDes = taskDes;
+
+  String _taskId;
+  String get taskId => _$this._taskId;
+  set taskId(String taskId) => _$this._taskId = taskId;
+
+  DateTime _startDate;
+  DateTime get startDate => _$this._startDate;
+  set startDate(DateTime startDate) => _$this._startDate = startDate;
+
+  DateTime _endDate;
+  DateTime get endDate => _$this._endDate;
+  set endDate(DateTime endDate) => _$this._endDate = endDate;
+
+  bool _choosed;
+  bool get choosed => _$this._choosed;
+  set choosed(bool choosed) => _$this._choosed = choosed;
+
+  String _state;
+  String get state => _$this._state;
+  set state(String state) => _$this._state = state;
+
+  String _taskImage;
+  String get taskImage => _$this._taskImage;
+  set taskImage(String taskImage) => _$this._taskImage = taskImage;
+
+  DocumentReference<Object> _reference;
+  DocumentReference<Object> get reference => _$this._reference;
+  set reference(DocumentReference<Object> reference) =>
+      _$this._reference = reference;
+
+  TaskRecordBuilder() {
+    TaskRecord._initializeBuilder(this);
+  }
+
+  TaskRecordBuilder get _$this {
+    final $v = _$v;
+    if ($v != null) {
+      _tasks = $v.tasks?.toBuilder();
+      _taskName = $v.taskName;
+      _taskDes = $v.taskDes;
+      _taskId = $v.taskId;
+      _startDate = $v.startDate;
+      _endDate = $v.endDate;
+      _choosed = $v.choosed;
+      _state = $v.state;
+      _taskImage = $v.taskImage;
+      _reference = $v.reference;
+      _$v = null;
+    }
+    return this;
+  }
+
+  @override
+  void replace(TaskRecord other) {
+    ArgumentError.checkNotNull(other, 'other');
+    _$v = other as _$TaskRecord;
+  }
+
+  @override
+  void update(void Function(TaskRecordBuilder) updates) {
+    if (updates != null) updates(this);
+  }
+
+  @override
+  _$TaskRecord build() {
+    _$TaskRecord _$result;
+    try {
+      _$result = _$v ??
+          new _$TaskRecord._(
+              tasks: _tasks?.build(),
+              taskName: taskName,
+              taskDes: taskDes,
+              taskId: taskId,
+              startDate: startDate,
+              endDate: endDate,
+              choosed: choosed,
+              state: state,
+              taskImage: taskImage,
+              reference: reference);
+    } catch (_) {
+      String _$failedField;
+      try {
+        _$failedField = 'tasks';
+        _tasks?.build();
+      } catch (e) {
+        throw new BuiltValueNestedFieldError(
+            'TaskRecord', _$failedField, e.toString());
+      }
+      rethrow;
+    }
+    replace(_$result);
+    return _$result;
+  }
+}
+
+// ignore_for_file: always_put_control_body_on_new_line,always_specify_types,annotate_overrides,avoid_annotating_with_dynamic,avoid_as,avoid_catches_without_on_clauses,avoid_returning_this,deprecated_member_use_from_same_package,lines_longer_than_80_chars,omit_local_variable_types,prefer_expression_function_bodies,sort_constructors_first,test_types_in_equals,unnecessary_const,unnecessary_new
diff --git a/roster_management_system/lib/backend/schema/train_record.dart b/roster_management_system/lib/backend/schema/train_record.dart
new file mode 100644
index 0000000..1c5cf1e
--- /dev/null
+++ b/roster_management_system/lib/backend/schema/train_record.dart
@@ -0,0 +1,56 @@
+import 'dart:async';
+
+import 'index.dart';
+import 'serializers.dart';
+import 'package:built_value/built_value.dart';
+
+part 'train_record.g.dart';
+
+abstract class TrainRecord implements Built<TrainRecord, TrainRecordBuilder> {
+  static Serializer<TrainRecord> get serializer => _$trainRecordSerializer;
+
+  @nullable
+  @BuiltValueField(wireName: 'train_name')
+  String get trainName;
+
+  @nullable
+  String get path;
+
+  @nullable
+  @BuiltValueField(wireName: kDocumentReferenceField)
+  DocumentReference get reference;
+
+  static void _initializeBuilder(TrainRecordBuilder builder) => builder
+    ..trainName = ''
+    ..path = '';
+
+  static CollectionReference get collection =>
+      FirebaseFirestore.instance.collection('Train');
+
+  static Stream<TrainRecord> getDocument(DocumentReference ref) => ref
+      .snapshots()
+      .map((s) => serializers.deserializeWith(serializer, serializedData(s)));
+
+  static Future<TrainRecord> getDocumentOnce(DocumentReference ref) => ref
+      .get()
+      .then((s) => serializers.deserializeWith(serializer, serializedData(s)));
+
+  TrainRecord._();
+  factory TrainRecord([void Function(TrainRecordBuilder) updates]) =
+      _$TrainRecord;
+
+  static TrainRecord getDocumentFromData(
+          Map<String, dynamic> data, DocumentReference reference) =>
+      serializers.deserializeWith(serializer,
+          {...mapFromFirestore(data), kDocumentReferenceField: reference});
+}
+
+Map<String, dynamic> createTrainRecordData({
+  String trainName,
+  String path,
+}) =>
+    serializers.toFirestore(
+        TrainRecord.serializer,
+        TrainRecord((t) => t
+          ..trainName = trainName
+          ..path = path));
diff --git a/roster_management_system/lib/backend/schema/train_record.g.dart b/roster_management_system/lib/backend/schema/train_record.g.dart
new file mode 100644
index 0000000..59890e6
--- /dev/null
+++ b/roster_management_system/lib/backend/schema/train_record.g.dart
@@ -0,0 +1,176 @@
+// GENERATED CODE - DO NOT MODIFY BY HAND
+
+part of 'train_record.dart';
+
+// **************************************************************************
+// BuiltValueGenerator
+// **************************************************************************
+
+Serializer<TrainRecord> _$trainRecordSerializer = new _$TrainRecordSerializer();
+
+class _$TrainRecordSerializer implements StructuredSerializer<TrainRecord> {
+  @override
+  final Iterable<Type> types = const [TrainRecord, _$TrainRecord];
+  @override
+  final String wireName = 'TrainRecord';
+
+  @override
+  Iterable<Object> serialize(Serializers serializers, TrainRecord object,
+      {FullType specifiedType = FullType.unspecified}) {
+    final result = <Object>[];
+    Object value;
+    value = object.trainName;
+    if (value != null) {
+      result
+        ..add('train_name')
+        ..add(serializers.serialize(value,
+            specifiedType: const FullType(String)));
+    }
+    value = object.path;
+    if (value != null) {
+      result
+        ..add('path')
+        ..add(serializers.serialize(value,
+            specifiedType: const FullType(String)));
+    }
+    value = object.reference;
+    if (value != null) {
+      result
+        ..add('Document__Reference__Field')
+        ..add(serializers.serialize(value,
+            specifiedType: const FullType(
+                DocumentReference, const [const FullType(Object)])));
+    }
+    return result;
+  }
+
+  @override
+  TrainRecord deserialize(Serializers serializers, Iterable<Object> serialized,
+      {FullType specifiedType = FullType.unspecified}) {
+    final result = new TrainRecordBuilder();
+
+    final iterator = serialized.iterator;
+    while (iterator.moveNext()) {
+      final key = iterator.current as String;
+      iterator.moveNext();
+      final Object value = iterator.current;
+      switch (key) {
+        case 'train_name':
+          result.trainName = serializers.deserialize(value,
+              specifiedType: const FullType(String)) as String;
+          break;
+        case 'path':
+          result.path = serializers.deserialize(value,
+              specifiedType: const FullType(String)) as String;
+          break;
+        case 'Document__Reference__Field':
+          result.reference = serializers.deserialize(value,
+                  specifiedType: const FullType(
+                      DocumentReference, const [const FullType(Object)]))
+              as DocumentReference<Object>;
+          break;
+      }
+    }
+
+    return result.build();
+  }
+}
+
+class _$TrainRecord extends TrainRecord {
+  @override
+  final String trainName;
+  @override
+  final String path;
+  @override
+  final DocumentReference<Object> reference;
+
+  factory _$TrainRecord([void Function(TrainRecordBuilder) updates]) =>
+      (new TrainRecordBuilder()..update(updates)).build();
+
+  _$TrainRecord._({this.trainName, this.path, this.reference}) : super._();
+
+  @override
+  TrainRecord rebuild(void Function(TrainRecordBuilder) updates) =>
+      (toBuilder()..update(updates)).build();
+
+  @override
+  TrainRecordBuilder toBuilder() => new TrainRecordBuilder()..replace(this);
+
+  @override
+  bool operator ==(Object other) {
+    if (identical(other, this)) return true;
+    return other is TrainRecord &&
+        trainName == other.trainName &&
+        path == other.path &&
+        reference == other.reference;
+  }
+
+  @override
+  int get hashCode {
+    return $jf($jc(
+        $jc($jc(0, trainName.hashCode), path.hashCode), reference.hashCode));
+  }
+
+  @override
+  String toString() {
+    return (newBuiltValueToStringHelper('TrainRecord')
+          ..add('trainName', trainName)
+          ..add('path', path)
+          ..add('reference', reference))
+        .toString();
+  }
+}
+
+class TrainRecordBuilder implements Builder<TrainRecord, TrainRecordBuilder> {
+  _$TrainRecord _$v;
+
+  String _trainName;
+  String get trainName => _$this._trainName;
+  set trainName(String trainName) => _$this._trainName = trainName;
+
+  String _path;
+  String get path => _$this._path;
+  set path(String path) => _$this._path = path;
+
+  DocumentReference<Object> _reference;
+  DocumentReference<Object> get reference => _$this._reference;
+  set reference(DocumentReference<Object> reference) =>
+      _$this._reference = reference;
+
+  TrainRecordBuilder() {
+    TrainRecord._initializeBuilder(this);
+  }
+
+  TrainRecordBuilder get _$this {
+    final $v = _$v;
+    if ($v != null) {
+      _trainName = $v.trainName;
+      _path = $v.path;
+      _reference = $v.reference;
+      _$v = null;
+    }
+    return this;
+  }
+
+  @override
+  void replace(TrainRecord other) {
+    ArgumentError.checkNotNull(other, 'other');
+    _$v = other as _$TrainRecord;
+  }
+
+  @override
+  void update(void Function(TrainRecordBuilder) updates) {
+    if (updates != null) updates(this);
+  }
+
+  @override
+  _$TrainRecord build() {
+    final _$result = _$v ??
+        new _$TrainRecord._(
+            trainName: trainName, path: path, reference: reference);
+    replace(_$result);
+    return _$result;
+  }
+}
+
+// ignore_for_file: always_put_control_body_on_new_line,always_specify_types,annotate_overrides,avoid_annotating_with_dynamic,avoid_as,avoid_catches_without_on_clauses,avoid_returning_this,deprecated_member_use_from_same_package,lines_longer_than_80_chars,omit_local_variable_types,prefer_expression_function_bodies,sort_constructors_first,test_types_in_equals,unnecessary_const,unnecessary_new
diff --git a/roster_management_system/lib/backend/schema/users_record.dart b/roster_management_system/lib/backend/schema/users_record.dart
new file mode 100644
index 0000000..c7d008e
--- /dev/null
+++ b/roster_management_system/lib/backend/schema/users_record.dart
@@ -0,0 +1,100 @@
+import 'dart:async';
+
+import 'index.dart';
+import 'serializers.dart';
+import 'package:built_value/built_value.dart';
+
+part 'users_record.g.dart';
+
+abstract class UsersRecord implements Built<UsersRecord, UsersRecordBuilder> {
+  static Serializer<UsersRecord> get serializer => _$usersRecordSerializer;
+
+  @nullable
+  BuiltList<String> get user;
+
+  @nullable
+  String get email;
+
+  @nullable
+  @BuiltValueField(wireName: 'display_name')
+  String get displayName;
+
+  @nullable
+  String get uid;
+
+  @nullable
+  @BuiltValueField(wireName: 'phone_number')
+  String get phoneNumber;
+
+  @nullable
+  @BuiltValueField(wireName: 'photo_url')
+  String get photoUrl;
+
+  @nullable
+  @BuiltValueField(wireName: 'created_time')
+  DateTime get createdTime;
+
+  @nullable
+  bool get admin;
+
+  @nullable
+  @BuiltValueField(wireName: 'task_image')
+  String get taskImage;
+
+  @nullable
+  @BuiltValueField(wireName: kDocumentReferenceField)
+  DocumentReference get reference;
+
+  static void _initializeBuilder(UsersRecordBuilder builder) => builder
+    ..user = ListBuilder()
+    ..email = ''
+    ..displayName = ''
+    ..uid = ''
+    ..phoneNumber = ''
+    ..photoUrl = ''
+    ..admin = false
+    ..taskImage = '';
+
+  static CollectionReference get collection =>
+      FirebaseFirestore.instance.collection('Users');
+
+  static Stream<UsersRecord> getDocument(DocumentReference ref) => ref
+      .snapshots()
+      .map((s) => serializers.deserializeWith(serializer, serializedData(s)));
+
+  static Future<UsersRecord> getDocumentOnce(DocumentReference ref) => ref
+      .get()
+      .then((s) => serializers.deserializeWith(serializer, serializedData(s)));
+
+  UsersRecord._();
+  factory UsersRecord([void Function(UsersRecordBuilder) updates]) =
+      _$UsersRecord;
+
+  static UsersRecord getDocumentFromData(
+          Map<String, dynamic> data, DocumentReference reference) =>
+      serializers.deserializeWith(serializer,
+          {...mapFromFirestore(data), kDocumentReferenceField: reference});
+}
+
+Map<String, dynamic> createUsersRecordData({
+  String email,
+  String displayName,
+  String uid,
+  String phoneNumber,
+  String photoUrl,
+  DateTime createdTime,
+  bool admin,
+  String taskImage,
+}) =>
+    serializers.toFirestore(
+        UsersRecord.serializer,
+        UsersRecord((u) => u
+          ..user = null
+          ..email = email
+          ..displayName = displayName
+          ..uid = uid
+          ..phoneNumber = phoneNumber
+          ..photoUrl = photoUrl
+          ..createdTime = createdTime
+          ..admin = admin
+          ..taskImage = taskImage));
diff --git a/roster_management_system/lib/backend/schema/users_record.g.dart b/roster_management_system/lib/backend/schema/users_record.g.dart
new file mode 100644
index 0000000..4b977bc
--- /dev/null
+++ b/roster_management_system/lib/backend/schema/users_record.g.dart
@@ -0,0 +1,366 @@
+// GENERATED CODE - DO NOT MODIFY BY HAND
+
+part of 'users_record.dart';
+
+// **************************************************************************
+// BuiltValueGenerator
+// **************************************************************************
+
+Serializer<UsersRecord> _$usersRecordSerializer = new _$UsersRecordSerializer();
+
+class _$UsersRecordSerializer implements StructuredSerializer<UsersRecord> {
+  @override
+  final Iterable<Type> types = const [UsersRecord, _$UsersRecord];
+  @override
+  final String wireName = 'UsersRecord';
+
+  @override
+  Iterable<Object> serialize(Serializers serializers, UsersRecord object,
+      {FullType specifiedType = FullType.unspecified}) {
+    final result = <Object>[];
+    Object value;
+    value = object.user;
+    if (value != null) {
+      result
+        ..add('user')
+        ..add(serializers.serialize(value,
+            specifiedType:
+                const FullType(BuiltList, const [const FullType(String)])));
+    }
+    value = object.email;
+    if (value != null) {
+      result
+        ..add('email')
+        ..add(serializers.serialize(value,
+            specifiedType: const FullType(String)));
+    }
+    value = object.displayName;
+    if (value != null) {
+      result
+        ..add('display_name')
+        ..add(serializers.serialize(value,
+            specifiedType: const FullType(String)));
+    }
+    value = object.uid;
+    if (value != null) {
+      result
+        ..add('uid')
+        ..add(serializers.serialize(value,
+            specifiedType: const FullType(String)));
+    }
+    value = object.phoneNumber;
+    if (value != null) {
+      result
+        ..add('phone_number')
+        ..add(serializers.serialize(value,
+            specifiedType: const FullType(String)));
+    }
+    value = object.photoUrl;
+    if (value != null) {
+      result
+        ..add('photo_url')
+        ..add(serializers.serialize(value,
+            specifiedType: const FullType(String)));
+    }
+    value = object.createdTime;
+    if (value != null) {
+      result
+        ..add('created_time')
+        ..add(serializers.serialize(value,
+            specifiedType: const FullType(DateTime)));
+    }
+    value = object.admin;
+    if (value != null) {
+      result
+        ..add('admin')
+        ..add(
+            serializers.serialize(value, specifiedType: const FullType(bool)));
+    }
+    value = object.taskImage;
+    if (value != null) {
+      result
+        ..add('task_image')
+        ..add(serializers.serialize(value,
+            specifiedType: const FullType(String)));
+    }
+    value = object.reference;
+    if (value != null) {
+      result
+        ..add('Document__Reference__Field')
+        ..add(serializers.serialize(value,
+            specifiedType: const FullType(
+                DocumentReference, const [const FullType(Object)])));
+    }
+    return result;
+  }
+
+  @override
+  UsersRecord deserialize(Serializers serializers, Iterable<Object> serialized,
+      {FullType specifiedType = FullType.unspecified}) {
+    final result = new UsersRecordBuilder();
+
+    final iterator = serialized.iterator;
+    while (iterator.moveNext()) {
+      final key = iterator.current as String;
+      iterator.moveNext();
+      final Object value = iterator.current;
+      switch (key) {
+        case 'user':
+          result.user.replace(serializers.deserialize(value,
+                  specifiedType:
+                      const FullType(BuiltList, const [const FullType(String)]))
+              as BuiltList<Object>);
+          break;
+        case 'email':
+          result.email = serializers.deserialize(value,
+              specifiedType: const FullType(String)) as String;
+          break;
+        case 'display_name':
+          result.displayName = serializers.deserialize(value,
+              specifiedType: const FullType(String)) as String;
+          break;
+        case 'uid':
+          result.uid = serializers.deserialize(value,
+              specifiedType: const FullType(String)) as String;
+          break;
+        case 'phone_number':
+          result.phoneNumber = serializers.deserialize(value,
+              specifiedType: const FullType(String)) as String;
+          break;
+        case 'photo_url':
+          result.photoUrl = serializers.deserialize(value,
+              specifiedType: const FullType(String)) as String;
+          break;
+        case 'created_time':
+          result.createdTime = serializers.deserialize(value,
+              specifiedType: const FullType(DateTime)) as DateTime;
+          break;
+        case 'admin':
+          result.admin = serializers.deserialize(value,
+              specifiedType: const FullType(bool)) as bool;
+          break;
+        case 'task_image':
+          result.taskImage = serializers.deserialize(value,
+              specifiedType: const FullType(String)) as String;
+          break;
+        case 'Document__Reference__Field':
+          result.reference = serializers.deserialize(value,
+                  specifiedType: const FullType(
+                      DocumentReference, const [const FullType(Object)]))
+              as DocumentReference<Object>;
+          break;
+      }
+    }
+
+    return result.build();
+  }
+}
+
+class _$UsersRecord extends UsersRecord {
+  @override
+  final BuiltList<String> user;
+  @override
+  final String email;
+  @override
+  final String displayName;
+  @override
+  final String uid;
+  @override
+  final String phoneNumber;
+  @override
+  final String photoUrl;
+  @override
+  final DateTime createdTime;
+  @override
+  final bool admin;
+  @override
+  final String taskImage;
+  @override
+  final DocumentReference<Object> reference;
+
+  factory _$UsersRecord([void Function(UsersRecordBuilder) updates]) =>
+      (new UsersRecordBuilder()..update(updates)).build();
+
+  _$UsersRecord._(
+      {this.user,
+      this.email,
+      this.displayName,
+      this.uid,
+      this.phoneNumber,
+      this.photoUrl,
+      this.createdTime,
+      this.admin,
+      this.taskImage,
+      this.reference})
+      : super._();
+
+  @override
+  UsersRecord rebuild(void Function(UsersRecordBuilder) updates) =>
+      (toBuilder()..update(updates)).build();
+
+  @override
+  UsersRecordBuilder toBuilder() => new UsersRecordBuilder()..replace(this);
+
+  @override
+  bool operator ==(Object other) {
+    if (identical(other, this)) return true;
+    return other is UsersRecord &&
+        user == other.user &&
+        email == other.email &&
+        displayName == other.displayName &&
+        uid == other.uid &&
+        phoneNumber == other.phoneNumber &&
+        photoUrl == other.photoUrl &&
+        createdTime == other.createdTime &&
+        admin == other.admin &&
+        taskImage == other.taskImage &&
+        reference == other.reference;
+  }
+
+  @override
+  int get hashCode {
+    return $jf($jc(
+        $jc(
+            $jc(
+                $jc(
+                    $jc(
+                        $jc(
+                            $jc(
+                                $jc($jc($jc(0, user.hashCode), email.hashCode),
+                                    displayName.hashCode),
+                                uid.hashCode),
+                            phoneNumber.hashCode),
+                        photoUrl.hashCode),
+                    createdTime.hashCode),
+                admin.hashCode),
+            taskImage.hashCode),
+        reference.hashCode));
+  }
+
+  @override
+  String toString() {
+    return (newBuiltValueToStringHelper('UsersRecord')
+          ..add('user', user)
+          ..add('email', email)
+          ..add('displayName', displayName)
+          ..add('uid', uid)
+          ..add('phoneNumber', phoneNumber)
+          ..add('photoUrl', photoUrl)
+          ..add('createdTime', createdTime)
+          ..add('admin', admin)
+          ..add('taskImage', taskImage)
+          ..add('reference', reference))
+        .toString();
+  }
+}
+
+class UsersRecordBuilder implements Builder<UsersRecord, UsersRecordBuilder> {
+  _$UsersRecord _$v;
+
+  ListBuilder<String> _user;
+  ListBuilder<String> get user => _$this._user ??= new ListBuilder<String>();
+  set user(ListBuilder<String> user) => _$this._user = user;
+
+  String _email;
+  String get email => _$this._email;
+  set email(String email) => _$this._email = email;
+
+  String _displayName;
+  String get displayName => _$this._displayName;
+  set displayName(String displayName) => _$this._displayName = displayName;
+
+  String _uid;
+  String get uid => _$this._uid;
+  set uid(String uid) => _$this._uid = uid;
+
+  String _phoneNumber;
+  String get phoneNumber => _$this._phoneNumber;
+  set phoneNumber(String phoneNumber) => _$this._phoneNumber = phoneNumber;
+
+  String _photoUrl;
+  String get photoUrl => _$this._photoUrl;
+  set photoUrl(String photoUrl) => _$this._photoUrl = photoUrl;
+
+  DateTime _createdTime;
+  DateTime get createdTime => _$this._createdTime;
+  set createdTime(DateTime createdTime) => _$this._createdTime = createdTime;
+
+  bool _admin;
+  bool get admin => _$this._admin;
+  set admin(bool admin) => _$this._admin = admin;
+
+  String _taskImage;
+  String get taskImage => _$this._taskImage;
+  set taskImage(String taskImage) => _$this._taskImage = taskImage;
+
+  DocumentReference<Object> _reference;
+  DocumentReference<Object> get reference => _$this._reference;
+  set reference(DocumentReference<Object> reference) =>
+      _$this._reference = reference;
+
+  UsersRecordBuilder() {
+    UsersRecord._initializeBuilder(this);
+  }
+
+  UsersRecordBuilder get _$this {
+    final $v = _$v;
+    if ($v != null) {
+      _user = $v.user?.toBuilder();
+      _email = $v.email;
+      _displayName = $v.displayName;
+      _uid = $v.uid;
+      _phoneNumber = $v.phoneNumber;
+      _photoUrl = $v.photoUrl;
+      _createdTime = $v.createdTime;
+      _admin = $v.admin;
+      _taskImage = $v.taskImage;
+      _reference = $v.reference;
+      _$v = null;
+    }
+    return this;
+  }
+
+  @override
+  void replace(UsersRecord other) {
+    ArgumentError.checkNotNull(other, 'other');
+    _$v = other as _$UsersRecord;
+  }
+
+  @override
+  void update(void Function(UsersRecordBuilder) updates) {
+    if (updates != null) updates(this);
+  }
+
+  @override
+  _$UsersRecord build() {
+    _$UsersRecord _$result;
+    try {
+      _$result = _$v ??
+          new _$UsersRecord._(
+              user: _user?.build(),
+              email: email,
+              displayName: displayName,
+              uid: uid,
+              phoneNumber: phoneNumber,
+              photoUrl: photoUrl,
+              createdTime: createdTime,
+              admin: admin,
+              taskImage: taskImage,
+              reference: reference);
+    } catch (_) {
+      String _$failedField;
+      try {
+        _$failedField = 'user';
+        _user?.build();
+      } catch (e) {
+        throw new BuiltValueNestedFieldError(
+            'UsersRecord', _$failedField, e.toString());
+      }
+      rethrow;
+    }
+    replace(_$result);
+    return _$result;
+  }
+}
+
+// ignore_for_file: always_put_control_body_on_new_line,always_specify_types,annotate_overrides,avoid_annotating_with_dynamic,avoid_as,avoid_catches_without_on_clauses,avoid_returning_this,deprecated_member_use_from_same_package,lines_longer_than_80_chars,omit_local_variable_types,prefer_expression_function_bodies,sort_constructors_first,test_types_in_equals,unnecessary_const,unnecessary_new
diff --git a/roster_management_system/lib/clock_in_out_page/clock_in_out_page_widget.dart b/roster_management_system/lib/clock_in_out_page/clock_in_out_page_widget.dart
new file mode 100644
index 0000000..39f28e2
--- /dev/null
+++ b/roster_management_system/lib/clock_in_out_page/clock_in_out_page_widget.dart
@@ -0,0 +1,609 @@
+import '../auth/auth_util.dart';
+import '../backend/backend.dart';
+import '../flutter_flow/flutter_flow_theme.dart';
+import '../flutter_flow/flutter_flow_util.dart';
+import '../flutter_flow/flutter_flow_widgets.dart';
+import '../home_page/home_page_widget.dart';
+import '../my_roster_page/my_roster_page_widget.dart';
+import '../my_training_page/my_training_page_widget.dart';
+import '../work_market_page/work_market_page_widget.dart';
+import 'package:cloud_firestore/cloud_firestore.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter/scheduler.dart';
+import 'package:google_fonts/google_fonts.dart';
+
+class ClockInOutPageWidget extends StatefulWidget {
+  const ClockInOutPageWidget({Key key}) : super(key: key);
+
+  @override
+  _ClockInOutPageWidgetState createState() => _ClockInOutPageWidgetState();
+}
+
+class _ClockInOutPageWidgetState extends State<ClockInOutPageWidget> {
+  final scaffoldKey = GlobalKey<ScaffoldState>();
+
+  @override
+  void initState() {
+    super.initState();
+    // On page load action.
+    SchedulerBinding.instance?.addPostFrameCallback((_) async {
+      setState(() => FFAppState().MenuShow = false);
+    });
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return StreamBuilder<List<AvaliableWeekdayRecord>>(
+      stream: queryAvaliableWeekdayRecord(
+        parent: currentUserReference,
+        queryBuilder: (avaliableWeekdayRecord) => avaliableWeekdayRecord.where(
+            'Date',
+            isEqualTo: dateTimeFormat('EEEE', getCurrentTimestamp)),
+        singleRecord: true,
+      ),
+      builder: (context, snapshot) {
+        // Customize what your widget looks like when it's loading.
+        if (!snapshot.hasData) {
+          return Center(
+            child: SizedBox(
+              width: 50,
+              height: 50,
+              child: CircularProgressIndicator(
+                color: FlutterFlowTheme.of(context).primaryColor,
+              ),
+            ),
+          );
+        }
+        List<AvaliableWeekdayRecord> clockInOutPageAvaliableWeekdayRecordList =
+            snapshot.data;
+        final clockInOutPageAvaliableWeekdayRecord =
+            clockInOutPageAvaliableWeekdayRecordList.isNotEmpty
+                ? clockInOutPageAvaliableWeekdayRecordList.first
+                : null;
+        return Scaffold(
+          key: scaffoldKey,
+          backgroundColor: FlutterFlowTheme.of(context).primaryBackground,
+          body: SafeArea(
+            child: GestureDetector(
+              onTap: () => FocusScope.of(context).unfocus(),
+              child: Column(
+                mainAxisSize: MainAxisSize.max,
+                crossAxisAlignment: CrossAxisAlignment.stretch,
+                children: [
+                  Row(
+                    mainAxisSize: MainAxisSize.max,
+                    children: [
+                      Expanded(
+                        child: Container(
+                          width: MediaQuery.of(context).size.width * 0.05,
+                          height: 100,
+                          decoration: BoxDecoration(
+                            color: FlutterFlowTheme.of(context).primaryColor,
+                          ),
+                          child: FFButtonWidget(
+                            onPressed: () async {
+                              if (FFAppState().MenuShow) {
+                                setState(() => FFAppState().MenuShow = false);
+                                return;
+                              } else {
+                                setState(() => FFAppState().MenuShow = true);
+                                return;
+                              }
+                            },
+                            text: '',
+                            icon: Icon(
+                              Icons.menu,
+                              size: 15,
+                            ),
+                            options: FFButtonOptions(
+                              width: 130,
+                              height: 40,
+                              color: FlutterFlowTheme.of(context).primaryColor,
+                              textStyle: FlutterFlowTheme.of(context)
+                                  .subtitle2
+                                  .override(
+                                    fontFamily: 'Poppins',
+                                    color: Colors.white,
+                                  ),
+                              borderSide: BorderSide(
+                                color: Colors.transparent,
+                                width: 1,
+                              ),
+                              borderRadius: 12,
+                            ),
+                          ),
+                        ),
+                      ),
+                      Container(
+                        width: MediaQuery.of(context).size.width * 0.95,
+                        height: 100,
+                        constraints: BoxConstraints(
+                          maxHeight: MediaQuery.of(context).size.height * 0.2,
+                        ),
+                        decoration: BoxDecoration(
+                          color: FlutterFlowTheme.of(context).primaryColor,
+                        ),
+                        child: Align(
+                          alignment: AlignmentDirectional(0, 0),
+                          child: Text(
+                            'Clock In/Out',
+                            style: FlutterFlowTheme.of(context).title1.override(
+                                  fontFamily: 'Dancing Script',
+                                  fontSize: 50,
+                                ),
+                          ),
+                        ),
+                      ),
+                    ],
+                  ),
+                  Row(
+                    mainAxisSize: MainAxisSize.max,
+                    children: [
+                      if ((FFAppState().MenuShow) == true)
+                        Container(
+                          width: MediaQuery.of(context).size.width * 0.4,
+                          height: MediaQuery.of(context).size.height * 1,
+                          decoration: BoxDecoration(
+                            color: FlutterFlowTheme.of(context).primaryColor,
+                          ),
+                          child: Column(
+                            mainAxisSize: MainAxisSize.max,
+                            mainAxisAlignment: MainAxisAlignment.spaceBetween,
+                            crossAxisAlignment: CrossAxisAlignment.stretch,
+                            children: [
+                              Column(
+                                mainAxisSize: MainAxisSize.max,
+                                mainAxisAlignment: MainAxisAlignment.start,
+                                crossAxisAlignment: CrossAxisAlignment.stretch,
+                                children: [
+                                  Text(
+                                    'MENU',
+                                    textAlign: TextAlign.center,
+                                    style: FlutterFlowTheme.of(context)
+                                        .bodyText1
+                                        .override(
+                                          fontFamily: 'Poppins',
+                                          color: Colors.white,
+                                          fontSize: 100,
+                                        ),
+                                  ),
+                                  FFButtonWidget(
+                                    onPressed: () async {
+                                      await Navigator.push(
+                                        context,
+                                        PageTransition(
+                                          type: PageTransitionType.fade,
+                                          duration: Duration(milliseconds: 0),
+                                          reverseDuration:
+                                              Duration(milliseconds: 0),
+                                          child: MyRosterPageWidget(),
+                                        ),
+                                      );
+                                    },
+                                    text: 'My Roster',
+                                    options: FFButtonOptions(
+                                      width: 130,
+                                      height: 75,
+                                      color: FlutterFlowTheme.of(context)
+                                          .primaryColor,
+                                      textStyle: FlutterFlowTheme.of(context)
+                                          .subtitle2
+                                          .override(
+                                            fontFamily: 'Poppins',
+                                            color: Colors.white,
+                                            fontSize: 75,
+                                          ),
+                                      borderSide: BorderSide(
+                                        color: Colors.transparent,
+                                        width: 1,
+                                      ),
+                                      borderRadius: 12,
+                                    ),
+                                  ),
+                                  FFButtonWidget(
+                                    onPressed: () {
+                                      print('Button pressed ...');
+                                    },
+                                    text: 'Clock In/Out',
+                                    options: FFButtonOptions(
+                                      width: 130,
+                                      height: 75,
+                                      color: Color(0xFF7567F8),
+                                      textStyle: FlutterFlowTheme.of(context)
+                                          .subtitle2
+                                          .override(
+                                            fontFamily: 'Poppins',
+                                            color: Colors.white,
+                                            fontSize: 75,
+                                          ),
+                                      borderSide: BorderSide(
+                                        color: Colors.transparent,
+                                        width: 1,
+                                      ),
+                                      borderRadius: 12,
+                                    ),
+                                  ),
+                                  FFButtonWidget(
+                                    onPressed: () async {
+                                      await Navigator.pushAndRemoveUntil(
+                                        context,
+                                        MaterialPageRoute(
+                                          builder: (context) =>
+                                              MyTrainingPageWidget(),
+                                        ),
+                                        (r) => false,
+                                      );
+                                    },
+                                    text: 'My Training',
+                                    options: FFButtonOptions(
+                                      width: 130,
+                                      height: 75,
+                                      color: FlutterFlowTheme.of(context)
+                                          .primaryColor,
+                                      textStyle: FlutterFlowTheme.of(context)
+                                          .subtitle2
+                                          .override(
+                                            fontFamily: 'Poppins',
+                                            color: Colors.white,
+                                            fontSize: 75,
+                                          ),
+                                      borderSide: BorderSide(
+                                        color: Colors.transparent,
+                                        width: 1,
+                                      ),
+                                      borderRadius: 12,
+                                    ),
+                                  ),
+                                  FFButtonWidget(
+                                    onPressed: () async {
+                                      await Navigator.pushAndRemoveUntil(
+                                        context,
+                                        MaterialPageRoute(
+                                          builder: (context) =>
+                                              WorkMarketPageWidget(),
+                                        ),
+                                        (r) => false,
+                                      );
+                                    },
+                                    text: 'Work Market',
+                                    options: FFButtonOptions(
+                                      width: 130,
+                                      height: 75,
+                                      color: FlutterFlowTheme.of(context)
+                                          .primaryColor,
+                                      textStyle: FlutterFlowTheme.of(context)
+                                          .subtitle2
+                                          .override(
+                                            fontFamily: 'Poppins',
+                                            color: Colors.white,
+                                            fontSize: 75,
+                                          ),
+                                      borderSide: BorderSide(
+                                        color: Colors.transparent,
+                                        width: 1,
+                                      ),
+                                      borderRadius: 12,
+                                    ),
+                                  ),
+                                  FFButtonWidget(
+                                    onPressed: () async {
+                                      await signOut();
+                                      await Navigator.pushAndRemoveUntil(
+                                        context,
+                                        MaterialPageRoute(
+                                          builder: (context) =>
+                                              HomePageWidget(),
+                                        ),
+                                        (r) => false,
+                                      );
+                                    },
+                                    text: 'LogOut',
+                                    options: FFButtonOptions(
+                                      width: 130,
+                                      height: 75,
+                                      color: FlutterFlowTheme.of(context)
+                                          .alternate,
+                                      textStyle: FlutterFlowTheme.of(context)
+                                          .subtitle2
+                                          .override(
+                                            fontFamily: 'Poppins',
+                                            color: Colors.white,
+                                            fontSize: 75,
+                                          ),
+                                      borderSide: BorderSide(
+                                        color: Colors.transparent,
+                                        width: 1,
+                                      ),
+                                      borderRadius: 12,
+                                    ),
+                                  ),
+                                ],
+                              ),
+                            ],
+                          ),
+                        ),
+                      Expanded(
+                        child: Container(
+                          width: MediaQuery.of(context).size.width * 0.6,
+                          height: MediaQuery.of(context).size.height * 0.8,
+                          decoration: BoxDecoration(),
+                          child: Column(
+                            mainAxisSize: MainAxisSize.max,
+                            mainAxisAlignment: MainAxisAlignment.center,
+                            crossAxisAlignment: CrossAxisAlignment.center,
+                            children: [
+                              Container(
+                                width: MediaQuery.of(context).size.width,
+                                height: 100,
+                                decoration: BoxDecoration(),
+                                child: Text(
+                                  'Clock in/out',
+                                  textAlign: TextAlign.center,
+                                  style: FlutterFlowTheme.of(context)
+                                      .bodyText1
+                                      .override(
+                                        fontFamily: 'Poppins',
+                                        fontSize: 70,
+                                      ),
+                                ),
+                              ),
+                              Container(
+                                width: MediaQuery.of(context).size.width,
+                                height: 100,
+                                decoration: BoxDecoration(),
+                                child: Text(
+                                  'Time:',
+                                  textAlign: TextAlign.center,
+                                  style: FlutterFlowTheme.of(context)
+                                      .bodyText1
+                                      .override(
+                                        fontFamily: 'Poppins',
+                                        fontSize: 50,
+                                      ),
+                                ),
+                              ),
+                              Container(
+                                width: MediaQuery.of(context).size.width,
+                                height: 100,
+                                decoration: BoxDecoration(),
+                                child: Text(
+                                  dateTimeFormat('EEEE', getCurrentTimestamp),
+                                  textAlign: TextAlign.center,
+                                  style: FlutterFlowTheme.of(context)
+                                      .bodyText1
+                                      .override(
+                                        fontFamily: 'Poppins',
+                                        fontSize: 35,
+                                      ),
+                                ),
+                              ),
+                              Container(
+                                width: MediaQuery.of(context).size.width,
+                                height: 100,
+                                decoration: BoxDecoration(),
+                                child: Text(
+                                  dateTimeFormat('d/M/y', getCurrentTimestamp),
+                                  textAlign: TextAlign.center,
+                                  style: FlutterFlowTheme.of(context)
+                                      .bodyText1
+                                      .override(
+                                        fontFamily: 'Poppins',
+                                        fontSize: 35,
+                                      ),
+                                ),
+                              ),
+                              Container(
+                                width: MediaQuery.of(context).size.width,
+                                height: 100,
+                                decoration: BoxDecoration(),
+                                child: Text(
+                                  dateTimeFormat('jms', getCurrentTimestamp),
+                                  textAlign: TextAlign.center,
+                                  style: FlutterFlowTheme.of(context)
+                                      .bodyText1
+                                      .override(
+                                        fontFamily: 'Poppins',
+                                        fontSize: 35,
+                                      ),
+                                ),
+                              ),
+                              Container(
+                                width: MediaQuery.of(context).size.width,
+                                height: 100,
+                                decoration: BoxDecoration(),
+                                child: Row(
+                                  mainAxisSize: MainAxisSize.max,
+                                  mainAxisAlignment:
+                                      MainAxisAlignment.spaceEvenly,
+                                  children: [
+                                    Expanded(
+                                      child: Container(
+                                        width: 100,
+                                        height: 100,
+                                        decoration: BoxDecoration(),
+                                      ),
+                                    ),
+                                    Expanded(
+                                      child: Padding(
+                                        padding: EdgeInsetsDirectional.fromSTEB(
+                                            0, 0, 10, 0),
+                                        child: FFButtonWidget(
+                                          onPressed: () async {
+                                            if (clockInOutPageAvaliableWeekdayRecord !=
+                                                null) {
+                                              if (clockInOutPageAvaliableWeekdayRecord
+                                                  .isClockin) {
+                                                await showDialog(
+                                                  context: context,
+                                                  builder:
+                                                      (alertDialogContext) {
+                                                    return AlertDialog(
+                                                      title: Text('Alert'),
+                                                      content: Text(
+                                                          'Already Clock in'),
+                                                      actions: [
+                                                        TextButton(
+                                                          onPressed: () =>
+                                                              Navigator.pop(
+                                                                  alertDialogContext),
+                                                          child: Text('Ok'),
+                                                        ),
+                                                      ],
+                                                    );
+                                                  },
+                                                );
+                                              } else {
+                                                final avaliableWeekdayUpdateData =
+                                                    createAvaliableWeekdayRecordData(
+                                                  clockIn: getCurrentTimestamp,
+                                                );
+                                                await clockInOutPageAvaliableWeekdayRecord
+                                                    .reference
+                                                    .update(
+                                                        avaliableWeekdayUpdateData);
+                                              }
+                                            } else {
+                                              final avaliableWeekdayCreateData =
+                                                  createAvaliableWeekdayRecordData(
+                                                date: dateTimeFormat('EEEE',
+                                                    getCurrentTimestamp),
+                                                isClockin: true,
+                                                avaliable: false,
+                                                clockIn: getCurrentTimestamp,
+                                                uid: currentUserUid,
+                                              );
+                                              await AvaliableWeekdayRecord
+                                                      .createDoc(
+                                                          currentUserReference)
+                                                  .set(
+                                                      avaliableWeekdayCreateData);
+                                            }
+                                          },
+                                          text: 'Clock In',
+                                          options: FFButtonOptions(
+                                            width: 300,
+                                            height: 200,
+                                            color: FlutterFlowTheme.of(context)
+                                                .primaryColor,
+                                            textStyle:
+                                                FlutterFlowTheme.of(context)
+                                                    .subtitle2
+                                                    .override(
+                                                      fontFamily: 'Poppins',
+                                                      color: Colors.white,
+                                                      fontSize: 50,
+                                                    ),
+                                            borderSide: BorderSide(
+                                              color: Colors.transparent,
+                                              width: 1,
+                                            ),
+                                            borderRadius: 12,
+                                          ),
+                                        ),
+                                      ),
+                                    ),
+                                    Expanded(
+                                      child: Padding(
+                                        padding: EdgeInsetsDirectional.fromSTEB(
+                                            10, 0, 0, 0),
+                                        child: FFButtonWidget(
+                                          onPressed: () async {
+                                            if (clockInOutPageAvaliableWeekdayRecord !=
+                                                null) {
+                                              if (clockInOutPageAvaliableWeekdayRecord
+                                                  .isClockOut) {
+                                                await showDialog(
+                                                  context: context,
+                                                  builder:
+                                                      (alertDialogContext) {
+                                                    return AlertDialog(
+                                                      title: Text('Alert'),
+                                                      content: Text(
+                                                          'Already Clock out'),
+                                                      actions: [
+                                                        TextButton(
+                                                          onPressed: () =>
+                                                              Navigator.pop(
+                                                                  alertDialogContext),
+                                                          child: Text('Ok'),
+                                                        ),
+                                                      ],
+                                                    );
+                                                  },
+                                                );
+                                              } else {
+                                                final avaliableWeekdayUpdateData =
+                                                    createAvaliableWeekdayRecordData(
+                                                  clockOut: getCurrentTimestamp,
+                                                  isClockOut: true,
+                                                );
+                                                await clockInOutPageAvaliableWeekdayRecord
+                                                    .reference
+                                                    .update(
+                                                        avaliableWeekdayUpdateData);
+                                              }
+                                            } else {
+                                              final avaliableWeekdayCreateData =
+                                                  createAvaliableWeekdayRecordData(
+                                                date: dateTimeFormat('EEEE',
+                                                    getCurrentTimestamp),
+                                                avaliable: true,
+                                                uid: currentUserUid,
+                                                isClockOut: true,
+                                                clockOut: getCurrentTimestamp,
+                                              );
+                                              await AvaliableWeekdayRecord
+                                                      .createDoc(
+                                                          currentUserReference)
+                                                  .set(
+                                                      avaliableWeekdayCreateData);
+                                            }
+                                          },
+                                          text: 'Clock Out',
+                                          options: FFButtonOptions(
+                                            width: 300,
+                                            height: 200,
+                                            color: FlutterFlowTheme.of(context)
+                                                .primaryColor,
+                                            textStyle:
+                                                FlutterFlowTheme.of(context)
+                                                    .subtitle2
+                                                    .override(
+                                                      fontFamily: 'Poppins',
+                                                      color: Colors.white,
+                                                      fontSize: 50,
+                                                    ),
+                                            borderSide: BorderSide(
+                                              color: Colors.transparent,
+                                              width: 1,
+                                            ),
+                                            borderRadius: 12,
+                                          ),
+                                        ),
+                                      ),
+                                    ),
+                                    Expanded(
+                                      child: Container(
+                                        width: 100,
+                                        height: 100,
+                                        decoration: BoxDecoration(),
+                                      ),
+                                    ),
+                                  ],
+                                ),
+                              ),
+                            ],
+                          ),
+                        ),
+                      ),
+                    ],
+                  ),
+                ],
+              ),
+            ),
+          ),
+        );
+      },
+    );
+  }
+}
diff --git a/roster_management_system/lib/colock_in_out_page/colock_in_out_page_widget.dart b/roster_management_system/lib/colock_in_out_page/colock_in_out_page_widget.dart
new file mode 100644
index 0000000..926652f
--- /dev/null
+++ b/roster_management_system/lib/colock_in_out_page/colock_in_out_page_widget.dart
@@ -0,0 +1,464 @@
+import '../auth/auth_util.dart';
+import '../flutter_flow/flutter_flow_theme.dart';
+import '../flutter_flow/flutter_flow_util.dart';
+import '../flutter_flow/flutter_flow_widgets.dart';
+import '../home_page/home_page_widget.dart';
+import '../my_training_page/my_training_page_widget.dart';
+import '../work_market_page/work_market_page_widget.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter/scheduler.dart';
+import 'package:google_fonts/google_fonts.dart';
+
+class ColockInOutPageWidget extends StatefulWidget {
+  const ColockInOutPageWidget({Key key}) : super(key: key);
+
+  @override
+  _ColockInOutPageWidgetState createState() => _ColockInOutPageWidgetState();
+}
+
+class _ColockInOutPageWidgetState extends State<ColockInOutPageWidget> {
+  final scaffoldKey = GlobalKey<ScaffoldState>();
+
+  @override
+  void initState() {
+    super.initState();
+    // On page load action.
+    SchedulerBinding.instance?.addPostFrameCallback((_) async {
+      setState(() => FFAppState().MenuShow = false);
+      await Navigator.push(
+        context,
+        MaterialPageRoute(
+          builder: (context) => MyTrainingPageWidget(),
+        ),
+      );
+    });
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      key: scaffoldKey,
+      backgroundColor: FlutterFlowTheme.of(context).primaryBackground,
+      body: SafeArea(
+        child: GestureDetector(
+          onTap: () => FocusScope.of(context).unfocus(),
+          child: Column(
+            mainAxisSize: MainAxisSize.max,
+            crossAxisAlignment: CrossAxisAlignment.stretch,
+            children: [
+              Row(
+                mainAxisSize: MainAxisSize.max,
+                children: [
+                  Expanded(
+                    child: Container(
+                      width: MediaQuery.of(context).size.width * 0.05,
+                      height: 100,
+                      decoration: BoxDecoration(
+                        color: FlutterFlowTheme.of(context).primaryColor,
+                      ),
+                      child: FFButtonWidget(
+                        onPressed: () async {
+                          if (FFAppState().MenuShow) {
+                            setState(() => FFAppState().MenuShow = false);
+                            return;
+                          } else {
+                            setState(() => FFAppState().MenuShow = true);
+                            return;
+                          }
+                        },
+                        text: '',
+                        icon: Icon(
+                          Icons.menu,
+                          size: 15,
+                        ),
+                        options: FFButtonOptions(
+                          width: 130,
+                          height: 40,
+                          color: FlutterFlowTheme.of(context).primaryColor,
+                          textStyle:
+                              FlutterFlowTheme.of(context).subtitle2.override(
+                                    fontFamily: 'Poppins',
+                                    color: Colors.white,
+                                  ),
+                          borderSide: BorderSide(
+                            color: Colors.transparent,
+                            width: 1,
+                          ),
+                          borderRadius: 12,
+                        ),
+                      ),
+                    ),
+                  ),
+                  Container(
+                    width: MediaQuery.of(context).size.width * 0.95,
+                    height: 100,
+                    constraints: BoxConstraints(
+                      maxHeight: MediaQuery.of(context).size.height * 0.2,
+                    ),
+                    decoration: BoxDecoration(
+                      color: FlutterFlowTheme.of(context).primaryColor,
+                    ),
+                    child: Align(
+                      alignment: AlignmentDirectional(0, 0),
+                      child: Text(
+                        'Colock In/Out',
+                        style: FlutterFlowTheme.of(context).title1.override(
+                              fontFamily: 'Dancing Script',
+                              fontSize: 50,
+                            ),
+                      ),
+                    ),
+                  ),
+                ],
+              ),
+              Row(
+                mainAxisSize: MainAxisSize.max,
+                children: [
+                  if ((FFAppState().MenuShow) == true)
+                    Container(
+                      width: MediaQuery.of(context).size.width * 0.4,
+                      height: MediaQuery.of(context).size.height * 1,
+                      decoration: BoxDecoration(
+                        color: FlutterFlowTheme.of(context).primaryColor,
+                      ),
+                      child: Column(
+                        mainAxisSize: MainAxisSize.max,
+                        mainAxisAlignment: MainAxisAlignment.spaceBetween,
+                        crossAxisAlignment: CrossAxisAlignment.stretch,
+                        children: [
+                          Column(
+                            mainAxisSize: MainAxisSize.max,
+                            mainAxisAlignment: MainAxisAlignment.start,
+                            crossAxisAlignment: CrossAxisAlignment.stretch,
+                            children: [
+                              Text(
+                                'MENU',
+                                textAlign: TextAlign.center,
+                                style: FlutterFlowTheme.of(context)
+                                    .bodyText1
+                                    .override(
+                                      fontFamily: 'Poppins',
+                                      color: Colors.white,
+                                      fontSize: 100,
+                                    ),
+                              ),
+                              FFButtonWidget(
+                                onPressed: () {
+                                  print('Button pressed ...');
+                                },
+                                text: 'My Roster',
+                                options: FFButtonOptions(
+                                  width: 130,
+                                  height: 75,
+                                  color:
+                                      FlutterFlowTheme.of(context).primaryColor,
+                                  textStyle: FlutterFlowTheme.of(context)
+                                      .subtitle2
+                                      .override(
+                                        fontFamily: 'Poppins',
+                                        color: Colors.white,
+                                        fontSize: 75,
+                                      ),
+                                  borderSide: BorderSide(
+                                    color: Colors.transparent,
+                                    width: 1,
+                                  ),
+                                  borderRadius: 12,
+                                ),
+                              ),
+                              FFButtonWidget(
+                                onPressed: () {
+                                  print('Button pressed ...');
+                                },
+                                text: 'Colock In/Out',
+                                options: FFButtonOptions(
+                                  width: 130,
+                                  height: 75,
+                                  color: Color(0xFF7567F8),
+                                  textStyle: FlutterFlowTheme.of(context)
+                                      .subtitle2
+                                      .override(
+                                        fontFamily: 'Poppins',
+                                        color: Colors.white,
+                                        fontSize: 75,
+                                      ),
+                                  borderSide: BorderSide(
+                                    color: Colors.transparent,
+                                    width: 1,
+                                  ),
+                                  borderRadius: 12,
+                                ),
+                              ),
+                              FFButtonWidget(
+                                onPressed: () {
+                                  print('Button pressed ...');
+                                },
+                                text: 'My Training',
+                                options: FFButtonOptions(
+                                  width: 130,
+                                  height: 75,
+                                  color:
+                                      FlutterFlowTheme.of(context).primaryColor,
+                                  textStyle: FlutterFlowTheme.of(context)
+                                      .subtitle2
+                                      .override(
+                                        fontFamily: 'Poppins',
+                                        color: Colors.white,
+                                        fontSize: 75,
+                                      ),
+                                  borderSide: BorderSide(
+                                    color: Colors.transparent,
+                                    width: 1,
+                                  ),
+                                  borderRadius: 12,
+                                ),
+                              ),
+                              FFButtonWidget(
+                                onPressed: () async {
+                                  setState(() => FFAppState().MenuShow = false);
+                                  await Navigator.push(
+                                    context,
+                                    MaterialPageRoute(
+                                      builder: (context) =>
+                                          WorkMarketPageWidget(),
+                                    ),
+                                  );
+                                },
+                                text: 'Work Market',
+                                options: FFButtonOptions(
+                                  width: 130,
+                                  height: 75,
+                                  color:
+                                      FlutterFlowTheme.of(context).primaryColor,
+                                  textStyle: FlutterFlowTheme.of(context)
+                                      .subtitle2
+                                      .override(
+                                        fontFamily: 'Poppins',
+                                        color: Colors.white,
+                                        fontSize: 75,
+                                      ),
+                                  borderSide: BorderSide(
+                                    color: Colors.transparent,
+                                    width: 1,
+                                  ),
+                                  borderRadius: 12,
+                                ),
+                              ),
+                              FFButtonWidget(
+                                onPressed: () async {
+                                  await signOut();
+                                  await Navigator.pushAndRemoveUntil(
+                                    context,
+                                    MaterialPageRoute(
+                                      builder: (context) => HomePageWidget(),
+                                    ),
+                                    (r) => false,
+                                  );
+                                },
+                                text: 'LogOut',
+                                options: FFButtonOptions(
+                                  width: 130,
+                                  height: 75,
+                                  color: FlutterFlowTheme.of(context).alternate,
+                                  textStyle: FlutterFlowTheme.of(context)
+                                      .subtitle2
+                                      .override(
+                                        fontFamily: 'Poppins',
+                                        color: Colors.white,
+                                        fontSize: 75,
+                                      ),
+                                  borderSide: BorderSide(
+                                    color: Colors.transparent,
+                                    width: 1,
+                                  ),
+                                  borderRadius: 12,
+                                ),
+                              ),
+                            ],
+                          ),
+                        ],
+                      ),
+                    ),
+                  Expanded(
+                    child: Container(
+                      width: MediaQuery.of(context).size.width * 0.6,
+                      height: MediaQuery.of(context).size.height * 0.8,
+                      decoration: BoxDecoration(),
+                      child: Column(
+                        mainAxisSize: MainAxisSize.max,
+                        mainAxisAlignment: MainAxisAlignment.center,
+                        crossAxisAlignment: CrossAxisAlignment.center,
+                        children: [
+                          Container(
+                            width: MediaQuery.of(context).size.width,
+                            height: 100,
+                            decoration: BoxDecoration(),
+                            child: Text(
+                              'Colock in/out',
+                              textAlign: TextAlign.center,
+                              style: FlutterFlowTheme.of(context)
+                                  .bodyText1
+                                  .override(
+                                    fontFamily: 'Poppins',
+                                    fontSize: 70,
+                                  ),
+                            ),
+                          ),
+                          Container(
+                            width: MediaQuery.of(context).size.width,
+                            height: 100,
+                            decoration: BoxDecoration(),
+                            child: Text(
+                              'Time:',
+                              textAlign: TextAlign.center,
+                              style: FlutterFlowTheme.of(context)
+                                  .bodyText1
+                                  .override(
+                                    fontFamily: 'Poppins',
+                                    fontSize: 50,
+                                  ),
+                            ),
+                          ),
+                          Container(
+                            width: MediaQuery.of(context).size.width,
+                            height: 100,
+                            decoration: BoxDecoration(),
+                            child: Text(
+                              dateTimeFormat('EEEE', getCurrentTimestamp),
+                              textAlign: TextAlign.center,
+                              style: FlutterFlowTheme.of(context)
+                                  .bodyText1
+                                  .override(
+                                    fontFamily: 'Poppins',
+                                    fontSize: 35,
+                                  ),
+                            ),
+                          ),
+                          Container(
+                            width: MediaQuery.of(context).size.width,
+                            height: 100,
+                            decoration: BoxDecoration(),
+                            child: Text(
+                              dateTimeFormat('d/M/y', getCurrentTimestamp),
+                              textAlign: TextAlign.center,
+                              style: FlutterFlowTheme.of(context)
+                                  .bodyText1
+                                  .override(
+                                    fontFamily: 'Poppins',
+                                    fontSize: 35,
+                                  ),
+                            ),
+                          ),
+                          Container(
+                            width: MediaQuery.of(context).size.width,
+                            height: 100,
+                            decoration: BoxDecoration(),
+                            child: Text(
+                              dateTimeFormat('jms', getCurrentTimestamp),
+                              textAlign: TextAlign.center,
+                              style: FlutterFlowTheme.of(context)
+                                  .bodyText1
+                                  .override(
+                                    fontFamily: 'Poppins',
+                                    fontSize: 35,
+                                  ),
+                            ),
+                          ),
+                          Container(
+                            width: MediaQuery.of(context).size.width,
+                            height: 100,
+                            decoration: BoxDecoration(),
+                            child: Row(
+                              mainAxisSize: MainAxisSize.max,
+                              mainAxisAlignment: MainAxisAlignment.spaceEvenly,
+                              children: [
+                                Expanded(
+                                  child: Container(
+                                    width: 100,
+                                    height: 100,
+                                    decoration: BoxDecoration(),
+                                  ),
+                                ),
+                                Expanded(
+                                  child: Padding(
+                                    padding: EdgeInsetsDirectional.fromSTEB(
+                                        0, 0, 10, 0),
+                                    child: FFButtonWidget(
+                                      onPressed: () {
+                                        print('ColockInButton pressed ...');
+                                      },
+                                      text: 'Colock In',
+                                      options: FFButtonOptions(
+                                        width: 300,
+                                        height: 200,
+                                        color: FlutterFlowTheme.of(context)
+                                            .primaryColor,
+                                        textStyle: FlutterFlowTheme.of(context)
+                                            .subtitle2
+                                            .override(
+                                              fontFamily: 'Poppins',
+                                              color: Colors.white,
+                                              fontSize: 50,
+                                            ),
+                                        borderSide: BorderSide(
+                                          color: Colors.transparent,
+                                          width: 1,
+                                        ),
+                                        borderRadius: 12,
+                                      ),
+                                    ),
+                                  ),
+                                ),
+                                Expanded(
+                                  child: Padding(
+                                    padding: EdgeInsetsDirectional.fromSTEB(
+                                        10, 0, 0, 0),
+                                    child: FFButtonWidget(
+                                      onPressed: () {
+                                        print('ColockOutButton pressed ...');
+                                      },
+                                      text: 'Colock Out',
+                                      options: FFButtonOptions(
+                                        width: 300,
+                                        height: 200,
+                                        color: FlutterFlowTheme.of(context)
+                                            .primaryColor,
+                                        textStyle: FlutterFlowTheme.of(context)
+                                            .subtitle2
+                                            .override(
+                                              fontFamily: 'Poppins',
+                                              color: Colors.white,
+                                              fontSize: 50,
+                                            ),
+                                        borderSide: BorderSide(
+                                          color: Colors.transparent,
+                                          width: 1,
+                                        ),
+                                        borderRadius: 12,
+                                      ),
+                                    ),
+                                  ),
+                                ),
+                                Expanded(
+                                  child: Container(
+                                    width: 100,
+                                    height: 100,
+                                    decoration: BoxDecoration(),
+                                  ),
+                                ),
+                              ],
+                            ),
+                          ),
+                        ],
+                      ),
+                    ),
+                  ),
+                ],
+              ),
+            ],
+          ),
+        ),
+      ),
+    );
+  }
+}
diff --git a/roster_management_system/lib/flutter_flow/custom_functions.dart b/roster_management_system/lib/flutter_flow/custom_functions.dart
new file mode 100644
index 0000000..51b3f31
--- /dev/null
+++ b/roster_management_system/lib/flutter_flow/custom_functions.dart
@@ -0,0 +1,44 @@
+import 'dart:math' as math;
+
+import 'package:flutter/material.dart';
+import 'package:google_fonts/google_fonts.dart';
+import 'package:intl/intl.dart';
+import 'package:timeago/timeago.dart' as timeago;
+import 'lat_lng.dart';
+import 'place.dart';
+import '../backend/backend.dart';
+import 'package:cloud_firestore/cloud_firestore.dart';
+import '../../auth/auth_util.dart';
+
+String dateStampToWeekday(DateTime date) {
+  String day = date.weekday.toString();
+  switch (day) {
+    case '1':
+      day = 'Monday';
+      break;
+    case '2':
+      day = 'Tuesday';
+      break;
+    case '3':
+      day = 'Wednesday';
+      break;
+    case '4':
+      day = 'Thursday';
+      break;
+    case '5':
+      day = 'Friday';
+      break;
+    case '6':
+      day = 'Saturday';
+      break;
+    case '7':
+      day = 'Sunday';
+      break;
+  }
+  return day;
+}
+
+int dateStampToWeekdayint(DateTime date) {
+  int day = date.weekday;
+  return day;
+}
diff --git a/roster_management_system/lib/flutter_flow/flutter_flow_theme.dart b/roster_management_system/lib/flutter_flow/flutter_flow_theme.dart
new file mode 100644
index 0000000..be11c16
--- /dev/null
+++ b/roster_management_system/lib/flutter_flow/flutter_flow_theme.dart
@@ -0,0 +1,146 @@
+// ignore_for_file: overridden_fields, annotate_overrides
+
+import 'package:flutter/material.dart';
+import 'package:google_fonts/google_fonts.dart';
+
+import 'package:shared_preferences/shared_preferences.dart';
+
+const kThemeModeKey = '__theme_mode__';
+SharedPreferences _prefs;
+
+abstract class FlutterFlowTheme {
+  static Future initialize() async =>
+      _prefs = await SharedPreferences.getInstance();
+  static ThemeMode get themeMode {
+    final darkMode = _prefs?.getBool(kThemeModeKey);
+    return darkMode == null
+        ? ThemeMode.system
+        : darkMode
+            ? ThemeMode.dark
+            : ThemeMode.light;
+  }
+
+  static void saveThemeMode(ThemeMode mode) => mode == ThemeMode.system
+      ? _prefs?.remove(kThemeModeKey)
+      : _prefs?.setBool(kThemeModeKey, mode == ThemeMode.dark);
+
+  static FlutterFlowTheme of(BuildContext context) =>
+      Theme.of(context).brightness == Brightness.dark
+          ? DarkModeTheme()
+          : LightModeTheme();
+
+  Color primaryColor;
+  Color secondaryColor;
+  Color tertiaryColor;
+  Color alternate;
+  Color primaryBackground;
+  Color secondaryBackground;
+  Color primaryText;
+  Color secondaryText;
+
+  Color primaryBtnText;
+  Color lineColor;
+
+  TextStyle get title1 => GoogleFonts.getFont(
+        'Poppins',
+        color: primaryText,
+        fontWeight: FontWeight.w600,
+        fontSize: 24,
+      );
+  TextStyle get title2 => GoogleFonts.getFont(
+        'Poppins',
+        color: secondaryText,
+        fontWeight: FontWeight.w600,
+        fontSize: 22,
+      );
+  TextStyle get title3 => GoogleFonts.getFont(
+        'Poppins',
+        color: primaryText,
+        fontWeight: FontWeight.w600,
+        fontSize: 20,
+      );
+  TextStyle get subtitle1 => GoogleFonts.getFont(
+        'Poppins',
+        color: primaryText,
+        fontWeight: FontWeight.w600,
+        fontSize: 18,
+      );
+  TextStyle get subtitle2 => GoogleFonts.getFont(
+        'Poppins',
+        color: secondaryText,
+        fontWeight: FontWeight.w600,
+        fontSize: 16,
+      );
+  TextStyle get bodyText1 => GoogleFonts.getFont(
+        'Poppins',
+        color: primaryText,
+        fontWeight: FontWeight.w600,
+        fontSize: 14,
+      );
+  TextStyle get bodyText2 => GoogleFonts.getFont(
+        'Poppins',
+        color: secondaryText,
+        fontWeight: FontWeight.w600,
+        fontSize: 14,
+      );
+}
+
+class LightModeTheme extends FlutterFlowTheme {
+  Color primaryColor = const Color(0xFF4B39EF);
+  Color secondaryColor = const Color(0xFF39D2C0);
+  Color tertiaryColor = const Color(0xFFEE8B60);
+  Color alternate = const Color(0xFFFF5963);
+  Color primaryBackground = const Color(0xFFF1F4F8);
+  Color secondaryBackground = const Color(0xFFFFFFFF);
+  Color primaryText = const Color(0xFF101213);
+  Color secondaryText = const Color(0xFF57636C);
+
+  Color primaryBtnText = Color(0xFFFFFFFF);
+  Color lineColor = Color(0xFFE0E3E7);
+}
+
+class DarkModeTheme extends FlutterFlowTheme {
+  Color primaryColor = const Color(0xFF4B39EF);
+  Color secondaryColor = const Color(0xFF39D2C0);
+  Color tertiaryColor = const Color(0xFFEE8B60);
+  Color alternate = const Color(0xFFFF5963);
+  Color primaryBackground = const Color(0xFF1A1F24);
+  Color secondaryBackground = const Color(0xFF101213);
+  Color primaryText = const Color(0xFFFFFFFF);
+  Color secondaryText = const Color(0xFF95A1AC);
+
+  Color primaryBtnText = Color(0xFFFFFFFF);
+  Color lineColor = Color(0xFF22282F);
+}
+
+extension TextStyleHelper on TextStyle {
+  TextStyle override({
+    String fontFamily,
+    Color color,
+    double fontSize,
+    FontWeight fontWeight,
+    FontStyle fontStyle,
+    bool useGoogleFonts = true,
+    TextDecoration decoration,
+    double lineHeight,
+  }) =>
+      useGoogleFonts
+          ? GoogleFonts.getFont(
+              fontFamily,
+              color: color ?? this.color,
+              fontSize: fontSize ?? this.fontSize,
+              fontWeight: fontWeight ?? this.fontWeight,
+              fontStyle: fontStyle ?? this.fontStyle,
+              decoration: decoration,
+              height: lineHeight,
+            )
+          : copyWith(
+              fontFamily: fontFamily,
+              color: color,
+              fontSize: fontSize,
+              fontWeight: fontWeight,
+              fontStyle: fontStyle,
+              decoration: decoration,
+              height: lineHeight,
+            );
+}
diff --git a/roster_management_system/lib/flutter_flow/flutter_flow_util.dart b/roster_management_system/lib/flutter_flow/flutter_flow_util.dart
new file mode 100644
index 0000000..06593a8
--- /dev/null
+++ b/roster_management_system/lib/flutter_flow/flutter_flow_util.dart
@@ -0,0 +1,210 @@
+import 'dart:io';
+
+import 'package:cloud_firestore/cloud_firestore.dart';
+import 'package:flutter/foundation.dart' show kIsWeb;
+import 'package:flutter/material.dart';
+import 'package:intl/intl.dart';
+import 'package:json_path/json_path.dart';
+import 'package:timeago/timeago.dart' as timeago;
+import 'package:url_launcher/url_launcher.dart';
+
+import '../main.dart';
+
+import 'lat_lng.dart';
+
+export 'lat_lng.dart';
+export 'place.dart';
+export '../app_state.dart';
+export 'dart:math' show min, max;
+export 'package:intl/intl.dart';
+export 'package:cloud_firestore/cloud_firestore.dart' show DocumentReference;
+export 'package:page_transition/page_transition.dart';
+
+T valueOrDefault<T>(T value, T defaultValue) =>
+    (value is String && value.isEmpty) || value == null ? defaultValue : value;
+
+String dateTimeFormat(String format, DateTime dateTime) {
+  if (dateTime == null) {
+    return '';
+  }
+  if (format == 'relative') {
+    return timeago.format(dateTime);
+  }
+  return DateFormat(format).format(dateTime);
+}
+
+Future launchURL(String url) async {
+  var uri = Uri.parse(url).toString();
+  try {
+    await launch(uri);
+  } catch (e) {
+    throw 'Could not launch $uri: $e';
+  }
+}
+
+enum FormatType {
+  decimal,
+  percent,
+  scientific,
+  compact,
+  compactLong,
+  custom,
+}
+
+enum DecimalType {
+  automatic,
+  periodDecimal,
+  commaDecimal,
+}
+
+String formatNumber(
+  num value, {
+  FormatType formatType,
+  DecimalType decimalType,
+  String currency,
+  bool toLowerCase = false,
+  String format,
+  String locale,
+}) {
+  var formattedValue = '';
+  switch (formatType) {
+    case FormatType.decimal:
+      switch (decimalType) {
+        case DecimalType.automatic:
+          formattedValue = NumberFormat.decimalPattern().format(value);
+          break;
+        case DecimalType.periodDecimal:
+          formattedValue = NumberFormat.decimalPattern('en_US').format(value);
+          break;
+        case DecimalType.commaDecimal:
+          formattedValue = NumberFormat.decimalPattern('es_PA').format(value);
+          break;
+      }
+      break;
+    case FormatType.percent:
+      formattedValue = NumberFormat.percentPattern().format(value);
+      break;
+    case FormatType.scientific:
+      formattedValue = NumberFormat.scientificPattern().format(value);
+      if (toLowerCase) {
+        formattedValue = formattedValue.toLowerCase();
+      }
+      break;
+    case FormatType.compact:
+      formattedValue = NumberFormat.compact().format(value);
+      break;
+    case FormatType.compactLong:
+      formattedValue = NumberFormat.compactLong().format(value);
+      break;
+    case FormatType.custom:
+      final hasLocale = locale != null && locale.isNotEmpty;
+      formattedValue =
+          NumberFormat(format, hasLocale ? locale : null).format(value);
+  }
+
+  if (formattedValue.isEmpty) {
+    return value.toString();
+  }
+
+  if (currency != null) {
+    final currencySymbol = currency.isNotEmpty
+        ? currency
+        : NumberFormat.simpleCurrency().format(0.0).substring(0, 1);
+    formattedValue = '$currencySymbol$formattedValue';
+  }
+
+  return formattedValue;
+}
+
+DateTime get getCurrentTimestamp => DateTime.now();
+
+extension DateTimeComparisonOperators on DateTime {
+  bool operator <(DateTime other) => isBefore(other);
+  bool operator >(DateTime other) => isAfter(other);
+  bool operator <=(DateTime other) => this < other || isAtSameMomentAs(other);
+  bool operator >=(DateTime other) => this > other || isAtSameMomentAs(other);
+}
+
+dynamic getJsonField(dynamic response, String jsonPath) {
+  final field = JsonPath(jsonPath).read(response);
+  return field.isNotEmpty
+      ? field.length > 1
+          ? field.map((f) => f.value).toList()
+          : field.first.value
+      : null;
+}
+
+bool get isAndroid => !kIsWeb && Platform.isAndroid;
+bool get isiOS => !kIsWeb && Platform.isIOS;
+bool get isWeb => kIsWeb;
+bool responsiveVisibility({
+  @required BuildContext context,
+  bool phone = true,
+  bool tablet = true,
+  bool tabletLandscape = true,
+  bool desktop = true,
+}) {
+  final width = MediaQuery.of(context).size.width;
+  if (width < 479) {
+    return phone;
+  } else if (width < 767) {
+    return tablet;
+  } else if (width < 991) {
+    return tabletLandscape;
+  } else {
+    return desktop;
+  }
+}
+
+const kTextValidatorUsernameRegex = r'^[a-zA-Z][a-zA-Z0-9_-]{2,16}$';
+const kTextValidatorEmailRegex =
+    r"^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,253}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,253}[a-zA-Z0-9])?)*$";
+const kTextValidatorWebsiteRegex =
+    r'(https?:\/\/)?(www\.)[-a-zA-Z0-9@:%._\+~#=]{2,256}\.[a-z]{2,4}\b([-a-zA-Z0-9@:%_\+.~#?&//=]*)|(https?:\/\/)?(www\.)?(?!ww)[-a-zA-Z0-9@:%._\+~#=]{2,256}\.[a-z]{2,4}\b([-a-zA-Z0-9@:%_\+.~#?&//=]*)';
+
+extension StringDocRef on String {
+  DocumentReference get ref => FirebaseFirestore.instance.doc(this);
+}
+
+void setAppLanguage(BuildContext context, String language) =>
+    MyApp.of(context).setLocale(Locale(language, ''));
+
+void setDarkModeSetting(BuildContext context, ThemeMode themeMode) =>
+    MyApp.of(context).setThemeMode(themeMode);
+
+void showSnackbar(
+  BuildContext context,
+  String message, {
+  bool loading = false,
+  int duration = 4,
+}) {
+  ScaffoldMessenger.of(context).hideCurrentSnackBar();
+  ScaffoldMessenger.of(context).showSnackBar(
+    SnackBar(
+      content: Row(
+        children: [
+          if (loading)
+            Padding(
+              padding: EdgeInsetsDirectional.only(end: 10.0),
+              child: Container(
+                height: 20,
+                width: 20,
+                child: const CircularProgressIndicator(
+                  color: Colors.white,
+                ),
+              ),
+            ),
+          Text(message),
+        ],
+      ),
+      duration: Duration(seconds: duration),
+    ),
+  );
+}
+
+extension FFStringExt on String {
+  String maybeHandleOverflow({int maxChars, String replacement = ''}) =>
+      maxChars != null && length > maxChars
+          ? replaceRange(maxChars, null, replacement)
+          : this;
+}
diff --git a/roster_management_system/lib/flutter_flow/flutter_flow_widgets.dart b/roster_management_system/lib/flutter_flow/flutter_flow_widgets.dart
new file mode 100644
index 0000000..584612f
--- /dev/null
+++ b/roster_management_system/lib/flutter_flow/flutter_flow_widgets.dart
@@ -0,0 +1,169 @@
+import 'package:font_awesome_flutter/font_awesome_flutter.dart';
+import 'package:flutter/material.dart';
+import 'package:auto_size_text/auto_size_text.dart';
+
+class FFButtonOptions {
+  const FFButtonOptions({
+    this.textStyle,
+    this.elevation,
+    this.height,
+    this.width,
+    this.padding,
+    this.color,
+    this.disabledColor,
+    this.disabledTextColor,
+    this.splashColor,
+    this.iconSize,
+    this.iconColor,
+    this.iconPadding,
+    this.borderRadius,
+    this.borderSide,
+  });
+
+  final TextStyle textStyle;
+  final double elevation;
+  final double height;
+  final double width;
+  final EdgeInsetsGeometry padding;
+  final Color color;
+  final Color disabledColor;
+  final Color disabledTextColor;
+  final Color splashColor;
+  final double iconSize;
+  final Color iconColor;
+  final EdgeInsetsGeometry iconPadding;
+  final double borderRadius;
+  final BorderSide borderSide;
+}
+
+class FFButtonWidget extends StatefulWidget {
+  const FFButtonWidget({
+    Key key,
+    @required this.text,
+    @required this.onPressed,
+    this.icon,
+    this.iconData,
+    @required this.options,
+    this.showLoadingIndicator = true,
+  }) : super(key: key);
+
+  final String text;
+  final Widget icon;
+  final IconData iconData;
+  final Function() onPressed;
+  final FFButtonOptions options;
+  final bool showLoadingIndicator;
+
+  @override
+  State<FFButtonWidget> createState() => _FFButtonWidgetState();
+}
+
+class _FFButtonWidgetState extends State<FFButtonWidget> {
+  bool loading = false;
+
+  @override
+  Widget build(BuildContext context) {
+    Widget textWidget = loading
+        ? Center(
+            child: Container(
+              width: 23,
+              height: 23,
+              child: CircularProgressIndicator(
+                valueColor: AlwaysStoppedAnimation<Color>(
+                  widget.options.textStyle.color ?? Colors.white,
+                ),
+              ),
+            ),
+          )
+        : AutoSizeText(
+            widget.text,
+            style: widget.options.textStyle,
+            maxLines: 1,
+            overflow: TextOverflow.ellipsis,
+          );
+
+    final onPressed = widget.showLoadingIndicator
+        ? () async {
+            if (loading) {
+              return;
+            }
+            setState(() => loading = true);
+            try {
+              await widget.onPressed();
+            } finally {
+              if (mounted) {
+                setState(() => loading = false);
+              }
+            }
+          }
+        : () => widget.onPressed();
+
+    ButtonStyle style = ButtonStyle(
+      shape: MaterialStateProperty.all<OutlinedBorder>(
+        RoundedRectangleBorder(
+          borderRadius:
+              BorderRadius.circular(widget.options.borderRadius ?? 8.0),
+          side: widget.options.borderSide ?? BorderSide.none,
+        ),
+      ),
+      foregroundColor: MaterialStateProperty.resolveWith<Color>(
+        (states) {
+          if (states.contains(MaterialState.disabled)) {
+            return widget.options.disabledTextColor;
+          }
+          return widget.options.textStyle.color;
+        },
+      ),
+      backgroundColor: MaterialStateProperty.resolveWith<Color>(
+        (states) {
+          if (states.contains(MaterialState.disabled)) {
+            return widget.options.disabledColor;
+          }
+          return widget.options.color;
+        },
+      ),
+      overlayColor: MaterialStateProperty.resolveWith<Color>((states) {
+        if (states.contains(MaterialState.pressed)) {
+          return widget.options.splashColor;
+        }
+        return null;
+      }),
+      padding: MaterialStateProperty.all(widget.options.padding ??
+          const EdgeInsets.symmetric(horizontal: 8.0, vertical: 4.0)),
+      elevation:
+          MaterialStateProperty.all<double>(widget.options.elevation ?? 2.0),
+    );
+
+    if (widget.icon != null || widget.iconData != null) {
+      return Container(
+        height: widget.options.height,
+        width: widget.options.width,
+        child: ElevatedButton.icon(
+          icon: Padding(
+            padding: widget.options.iconPadding ?? EdgeInsets.zero,
+            child: widget.icon ??
+                FaIcon(
+                  widget.iconData,
+                  size: widget.options.iconSize,
+                  color: widget.options.iconColor ??
+                      widget.options.textStyle.color,
+                ),
+          ),
+          label: textWidget,
+          onPressed: onPressed,
+          style: style,
+        ),
+      );
+    }
+
+    return Container(
+      height: widget.options.height,
+      width: widget.options.width,
+      child: ElevatedButton(
+        onPressed: onPressed,
+        style: style,
+        child: textWidget,
+      ),
+    );
+  }
+}
diff --git a/roster_management_system/lib/flutter_flow/flutter_flow_youtube_player.dart b/roster_management_system/lib/flutter_flow/flutter_flow_youtube_player.dart
new file mode 100644
index 0000000..638dc9d
--- /dev/null
+++ b/roster_management_system/lib/flutter_flow/flutter_flow_youtube_player.dart
@@ -0,0 +1,136 @@
+/*
+Copyright 2021 Sarbagya Dhaubanjar. All rights reserved.
+
+Redistribution and use in source and binary forms, with or without modification,
+are permitted provided that the following conditions are met:
+
+    * Redistributions of source code must retain the above copyright
+      notice, this list of conditions and the following disclaimer.
+    * Redistributions in binary form must reproduce the above
+      copyright notice, this list of conditions and the following
+      disclaimer in the documentation and/or other materials provided
+      with the distribution.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
+ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
+WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
+DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR
+ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
+(INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
+LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON
+ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
+SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+*/
+
+import 'package:flutter/material.dart';
+import 'package:youtube_plyr_iframe/youtube_plyr_iframe.dart';
+
+const kYoutubeAspectRatio = 16 / 9;
+
+class FlutterFlowYoutubePlayer extends StatefulWidget {
+  const FlutterFlowYoutubePlayer({
+    @required this.url,
+    this.width,
+    this.height,
+    this.autoPlay = false,
+    this.mute = false,
+    this.looping = false,
+    this.showControls = true,
+    this.showFullScreen = false,
+  });
+
+  final String url;
+  final double width;
+  final double height;
+  final bool autoPlay;
+  final bool mute;
+  final bool looping;
+  final bool showControls;
+  final bool showFullScreen;
+
+  @override
+  State<FlutterFlowYoutubePlayer> createState() =>
+      _FlutterFlowYoutubePlayerState();
+}
+
+class _FlutterFlowYoutubePlayerState extends State<FlutterFlowYoutubePlayer> {
+  YoutubePlayerController _controller;
+
+  @override
+  void initState() {
+    super.initState();
+    initializePlayer();
+  }
+
+  @override
+  void dispose() {
+    _controller?.close();
+    super.dispose();
+  }
+
+  double get width => widget.width == null || widget.width >= double.infinity
+      ? MediaQuery.of(context).size.width
+      : widget.width;
+
+  double get height => widget.height == null || widget.height >= double.infinity
+      ? width / kYoutubeAspectRatio
+      : widget.height;
+
+  void initializePlayer() {
+    if (!mounted) {
+      return;
+    }
+    final videoId = convertUrlToId(widget.url);
+    if (videoId == null) {
+      return;
+    }
+    _controller = YoutubePlayerController(
+      initialVideoId: videoId,
+      params: YoutubePlayerParams(
+        autoPlay: widget.autoPlay,
+        mute: widget.mute,
+        loop: widget.looping,
+        showControls: widget.showControls,
+        showFullscreenButton: widget.showFullScreen,
+      ),
+    );
+    setState(() {});
+  }
+
+  @override
+  Widget build(BuildContext context) => _controller != null
+      ? YoutubePlayerControllerProvider(
+          controller: _controller,
+          child: youtubeBox(const YoutubePlayerIFrame()),
+        )
+      : youtubeBox(Container(color: Colors.transparent));
+
+  Widget youtubeBox(Widget child) => FittedBox(
+        fit: BoxFit.cover,
+        child: Container(
+          height: height,
+          width: width,
+          child: child,
+        ),
+      );
+}
+
+String convertUrlToId(String url, {bool trimWhitespaces = true}) {
+  assert(url.isNotEmpty, 'Url cannot be empty');
+  if (!url.contains("http") && (url.length == 11)) return url;
+  if (trimWhitespaces) url = url.trim();
+  for (final regex in [
+    RegExp(
+      r"^https:\/\/(?:www\.|m\.)?youtube\.com\/watch\?v=([_\-a-zA-Z0-9]{11}).*$",
+    ),
+    RegExp(
+      r"^https:\/\/(?:www\.|m\.)?youtube(?:-nocookie)?\.com\/embed\/([_\-a-zA-Z0-9]{11}).*$",
+    ),
+    RegExp(r"^https:\/\/youtu\.be\/([_\-a-zA-Z0-9]{11}).*$")
+  ]) {
+    final match = regex.firstMatch(url);
+    if (match != null && match.groupCount >= 1) return match.group(1);
+  }
+  return null;
+}
diff --git a/roster_management_system/lib/flutter_flow/internationalization.dart b/roster_management_system/lib/flutter_flow/internationalization.dart
new file mode 100644
index 0000000..de39d29
--- /dev/null
+++ b/roster_management_system/lib/flutter_flow/internationalization.dart
@@ -0,0 +1,44 @@
+import 'package:flutter/material.dart';
+import 'package:flutter/foundation.dart';
+
+class FFLocalizations {
+  FFLocalizations(this.locale);
+
+  final Locale locale;
+
+  static FFLocalizations of(BuildContext context) =>
+      Localizations.of<FFLocalizations>(context, FFLocalizations);
+
+  static List<String> languages() => ['en'];
+
+  String get languageCode => locale.languageCode;
+  int get languageIndex => languages().contains(languageCode)
+      ? languages().indexOf(languageCode)
+      : 0;
+
+  String getText(String key) =>
+      (kTranslationsMap[key] ?? {})[locale.languageCode] ?? '';
+
+  String getVariableText({
+    String enText = '',
+  }) =>
+      [enText][languageIndex] ?? '';
+}
+
+class FFLocalizationsDelegate extends LocalizationsDelegate<FFLocalizations> {
+  const FFLocalizationsDelegate();
+
+  @override
+  bool isSupported(Locale locale) =>
+      FFLocalizations.languages().contains(locale.languageCode);
+
+  @override
+  Future<FFLocalizations> load(Locale locale) =>
+      SynchronousFuture<FFLocalizations>(FFLocalizations(locale));
+
+  @override
+  bool shouldReload(FFLocalizationsDelegate old) => false;
+}
+
+final kTranslationsMap =
+    <Map<String, Map<String, String>>>[].reduce((a, b) => a..addAll(b));
diff --git a/roster_management_system/lib/flutter_flow/lat_lng.dart b/roster_management_system/lib/flutter_flow/lat_lng.dart
new file mode 100644
index 0000000..9e7b8ea
--- /dev/null
+++ b/roster_management_system/lib/flutter_flow/lat_lng.dart
@@ -0,0 +1,19 @@
+class LatLng {
+  const LatLng(this.latitude, this.longitude);
+  final double latitude;
+  final double longitude;
+
+  @override
+  String toString() => 'LatLng(lat: $latitude, lng: $longitude)';
+
+  String serialize() => '$latitude,$longitude';
+
+  @override
+  int get hashCode => latitude.hashCode + longitude.hashCode;
+
+  @override
+  bool operator ==(other) =>
+      other is LatLng &&
+      latitude == other.latitude &&
+      longitude == other.longitude;
+}
diff --git a/roster_management_system/lib/flutter_flow/place.dart b/roster_management_system/lib/flutter_flow/place.dart
new file mode 100644
index 0000000..69c7ef5
--- /dev/null
+++ b/roster_management_system/lib/flutter_flow/place.dart
@@ -0,0 +1,46 @@
+import 'lat_lng.dart';
+
+class FFPlace {
+  const FFPlace({
+    this.latLng = const LatLng(0.0, 0.0),
+    this.name = '',
+    this.address = '',
+    this.city = '',
+    this.state = '',
+    this.country = '',
+    this.zipCode = '',
+  });
+
+  final LatLng latLng;
+  final String name;
+  final String address;
+  final String city;
+  final String state;
+  final String country;
+  final String zipCode;
+
+  @override
+  String toString() => '''FFPlace(
+        latLng: $latLng,
+        name: $name,
+        address: $address,
+        city: $city,
+        state: $state,
+        country: $country,
+        zipCode: $zipCode,
+      )''';
+
+  @override
+  int get hashCode => latLng.hashCode;
+
+  @override
+  bool operator ==(other) =>
+      other is FFPlace &&
+      latLng == other.latLng &&
+      name == name &&
+      address == address &&
+      city == city &&
+      state == state &&
+      country == country &&
+      zipCode == zipCode;
+}
diff --git a/roster_management_system/lib/flutter_flow/random_data_util.dart b/roster_management_system/lib/flutter_flow/random_data_util.dart
new file mode 100644
index 0000000..e89ace6
--- /dev/null
+++ b/roster_management_system/lib/flutter_flow/random_data_util.dart
@@ -0,0 +1,44 @@
+import 'dart:math';
+
+final _random = Random();
+
+int randomInteger(int min, int max) {
+  return _random.nextInt(max - min + 1) + min;
+}
+
+double randomDouble(double min, double max) {
+  return _random.nextDouble() * (max - min) + min;
+}
+
+String randomString(
+  int minLength,
+  int maxLength,
+  bool lowercaseAz,
+  bool uppercaseAz,
+  bool digits,
+) {
+  var chars = '';
+  if (lowercaseAz) {
+    chars += 'abcdefghijklmnopqrstuvwxyz';
+  }
+  if (uppercaseAz) {
+    chars += 'ABCDEFGHIJKLMNOPQRSTUVWXYZ';
+  }
+  if (digits) {
+    chars += '0123456789';
+  }
+  return List.generate(randomInteger(minLength, maxLength),
+      (index) => chars[_random.nextInt(chars.length)]).join();
+}
+
+// Random date between 1970 and 2025.
+DateTime randomDate() {
+  // Random max must be in range 0 < max <= 2^32.
+  // So we have to generate the time in seconds and then convert to milliseconds.
+  return DateTime.fromMillisecondsSinceEpoch(
+      randomInteger(0, 1735689600) * 1000);
+}
+
+String randomImageUrl(int width, int height) {
+  return 'https://picsum.photos/seed/${_random.nextInt(1000)}/$width/$height';
+}
diff --git a/roster_management_system/lib/flutter_flow/upload_media.dart b/roster_management_system/lib/flutter_flow/upload_media.dart
new file mode 100644
index 0000000..418ef46
--- /dev/null
+++ b/roster_management_system/lib/flutter_flow/upload_media.dart
@@ -0,0 +1,233 @@
+import 'dart:typed_data';
+
+import 'package:file_picker/file_picker.dart';
+import 'package:flutter/material.dart';
+import 'package:google_fonts/google_fonts.dart';
+import 'package:image_picker/image_picker.dart';
+import 'package:mime_type/mime_type.dart';
+
+import '../auth/auth_util.dart';
+import 'flutter_flow_util.dart';
+
+const allowedFormats = {'image/png', 'image/jpeg', 'video/mp4', 'image/gif'};
+
+class SelectedMedia {
+  const SelectedMedia(this.storagePath, this.bytes);
+  final String storagePath;
+  final Uint8List bytes;
+}
+
+enum MediaSource {
+  photoGallery,
+  videoGallery,
+  camera,
+}
+
+Future<List<SelectedMedia>> selectMediaWithSourceBottomSheet({
+  BuildContext context,
+  double maxWidth,
+  double maxHeight,
+  int imageQuality,
+  bool allowPhoto,
+  bool allowVideo = false,
+  String pickerFontFamily = 'Roboto',
+  Color textColor = const Color(0xFF111417),
+  Color backgroundColor = const Color(0xFFF5F5F5),
+}) async {
+  final createUploadMediaListTile =
+      (String label, MediaSource mediaSource) => ListTile(
+            title: Text(
+              label,
+              textAlign: TextAlign.center,
+              style: GoogleFonts.getFont(
+                pickerFontFamily,
+                color: textColor,
+                fontWeight: FontWeight.w600,
+                fontSize: 20,
+              ),
+            ),
+            tileColor: backgroundColor,
+            dense: false,
+            onTap: () => Navigator.pop(
+              context,
+              mediaSource,
+            ),
+          );
+  final mediaSource = await showModalBottomSheet<MediaSource>(
+      context: context,
+      backgroundColor: backgroundColor,
+      builder: (context) {
+        return Column(
+          mainAxisSize: MainAxisSize.min,
+          children: [
+            Padding(
+              padding: EdgeInsets.fromLTRB(0, 8, 0, 0),
+              child: ListTile(
+                title: Text(
+                  'Choose Source',
+                  textAlign: TextAlign.center,
+                  style: GoogleFonts.getFont(
+                    pickerFontFamily,
+                    color: textColor.withOpacity(0.65),
+                    fontWeight: FontWeight.w500,
+                    fontSize: 20,
+                  ),
+                ),
+                tileColor: backgroundColor,
+                dense: false,
+              ),
+            ),
+            const Divider(),
+            if (allowPhoto && allowVideo) ...[
+              createUploadMediaListTile(
+                'Gallery (Photo)',
+                MediaSource.photoGallery,
+              ),
+              const Divider(),
+              createUploadMediaListTile(
+                'Gallery (Video)',
+                MediaSource.videoGallery,
+              ),
+            ] else if (allowPhoto)
+              createUploadMediaListTile(
+                'Gallery',
+                MediaSource.photoGallery,
+              )
+            else
+              createUploadMediaListTile(
+                'Gallery',
+                MediaSource.videoGallery,
+              ),
+            const Divider(),
+            createUploadMediaListTile('Camera', MediaSource.camera),
+            const Divider(),
+            const SizedBox(height: 10),
+          ],
+        );
+      });
+  if (mediaSource == null) {
+    return null;
+  }
+  return selectMedia(
+    maxWidth: maxWidth,
+    maxHeight: maxHeight,
+    imageQuality: imageQuality,
+    isVideo: mediaSource == MediaSource.videoGallery ||
+        (mediaSource == MediaSource.camera && allowVideo && !allowPhoto),
+    mediaSource: mediaSource,
+  );
+}
+
+Future<List<SelectedMedia>> selectMedia({
+  double maxWidth,
+  double maxHeight,
+  int imageQuality,
+  bool isVideo = false,
+  MediaSource mediaSource = MediaSource.camera,
+  bool multiImage = false,
+}) async {
+  final picker = ImagePicker();
+
+  if (multiImage) {
+    final pickedMediaFuture = picker.pickMultiImage(
+      maxWidth: maxWidth,
+      maxHeight: maxHeight,
+      imageQuality: imageQuality,
+    );
+    final pickedMedia = await pickedMediaFuture;
+    if (pickedMedia == null || pickedMedia.isEmpty) {
+      return null;
+    }
+    return Future.wait(pickedMedia.asMap().entries.map((e) async {
+      final index = e.key;
+      final media = e.value;
+      final mediaBytes = await media.readAsBytes();
+      final path = storagePath(currentUserUid, media.name, false, index);
+      return SelectedMedia(path, mediaBytes);
+    }));
+  }
+
+  final source = mediaSource == MediaSource.camera
+      ? ImageSource.camera
+      : ImageSource.gallery;
+  final pickedMediaFuture = isVideo
+      ? picker.pickVideo(source: source)
+      : picker.pickImage(
+          maxWidth: maxWidth,
+          maxHeight: maxHeight,
+          imageQuality: imageQuality,
+          source: source,
+        );
+  final pickedMedia = await pickedMediaFuture;
+  final mediaBytes = await pickedMedia?.readAsBytes();
+  if (mediaBytes == null) {
+    return null;
+  }
+  final path = storagePath(currentUserUid, pickedMedia.name, isVideo);
+  return [SelectedMedia(path, mediaBytes)];
+}
+
+bool validateFileFormat(String filePath, BuildContext context) {
+  if (allowedFormats.contains(mime(filePath))) {
+    return true;
+  }
+  ScaffoldMessenger.of(context)
+    ..hideCurrentSnackBar()
+    ..showSnackBar(SnackBar(
+      content: Text('Invalid file format: ${mime(filePath)}'),
+    ));
+  return false;
+}
+
+Future<SelectedMedia> selectFile({
+  List<String> allowedExtensions = const ['pdf'],
+}) async {
+  final pickedFiles = await FilePicker.platform.pickFiles(
+    type: FileType.custom,
+    allowedExtensions: allowedExtensions,
+  );
+  if (pickedFiles == null || pickedFiles.files.isEmpty) {
+    return null;
+  }
+
+  final file = pickedFiles.files.first;
+  if (file?.bytes == null) {
+    return null;
+  }
+  final path = storagePath(currentUserUid, file.name, false);
+  return SelectedMedia(path, file.bytes);
+}
+
+String storagePath(String uid, String filePath, bool isVideo, [int index]) {
+  final timestamp = DateTime.now().microsecondsSinceEpoch;
+  // Workaround fixed by https://github.com/flutter/plugins/pull/3685
+  // (not yet in stable).
+  final ext = isVideo ? 'mp4' : filePath.split('.').last;
+  final indexStr = index != null ? '_$index' : '';
+  return 'users/$uid/uploads/$timestamp$indexStr.$ext';
+}
+
+String signatureStoragePath(String uid) {
+  final timestamp = DateTime.now().microsecondsSinceEpoch;
+  return 'users/$uid/uploads/signature_$timestamp.png';
+}
+
+void showUploadMessage(BuildContext context, String message,
+    {bool showLoading = false}) {
+  ScaffoldMessenger.of(context)
+    ..hideCurrentSnackBar()
+    ..showSnackBar(
+      SnackBar(
+        content: Row(
+          children: [
+            if (showLoading)
+              Padding(
+                padding: EdgeInsetsDirectional.only(end: 10.0),
+                child: CircularProgressIndicator(),
+              ),
+            Text(message),
+          ],
+        ),
+      ),
+    );
+}
diff --git a/roster_management_system/lib/home_page/home_page_widget.dart b/roster_management_system/lib/home_page/home_page_widget.dart
new file mode 100644
index 0000000..15dc3c3
--- /dev/null
+++ b/roster_management_system/lib/home_page/home_page_widget.dart
@@ -0,0 +1,213 @@
+import '../flutter_flow/flutter_flow_theme.dart';
+import '../flutter_flow/flutter_flow_util.dart';
+import '../flutter_flow/flutter_flow_widgets.dart';
+import '../login_page/login_page_widget.dart';
+import '../register_page/register_page_widget.dart';
+import 'package:flutter/material.dart';
+import 'package:google_fonts/google_fonts.dart';
+
+class HomePageWidget extends StatefulWidget {
+  const HomePageWidget({Key key}) : super(key: key);
+
+  @override
+  _HomePageWidgetState createState() => _HomePageWidgetState();
+}
+
+class _HomePageWidgetState extends State<HomePageWidget> {
+  final scaffoldKey = GlobalKey<ScaffoldState>();
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      key: scaffoldKey,
+      appBar: PreferredSize(
+        preferredSize:
+            Size.fromHeight(MediaQuery.of(context).size.height * 0.1),
+        child: AppBar(
+          backgroundColor: FlutterFlowTheme.of(context).primaryColor,
+          automaticallyImplyLeading: false,
+          actions: [],
+          elevation: 2,
+        ),
+      ),
+      backgroundColor: FlutterFlowTheme.of(context).primaryBackground,
+      body: SafeArea(
+        child: GestureDetector(
+          onTap: () => FocusScope.of(context).unfocus(),
+          child: Column(
+            mainAxisSize: MainAxisSize.max,
+            children: [
+              Expanded(
+                child: Row(
+                  mainAxisSize: MainAxisSize.max,
+                  children: [
+                    Expanded(
+                      child: Align(
+                        alignment: AlignmentDirectional(0, 0),
+                        child: Text(
+                          'Roster ',
+                          textAlign: TextAlign.center,
+                          style:
+                              FlutterFlowTheme.of(context).bodyText1.override(
+                                    fontFamily: 'Dancing Script',
+                                    fontSize: 90,
+                                  ),
+                        ),
+                      ),
+                    ),
+                  ],
+                ),
+              ),
+              Expanded(
+                child: Row(
+                  mainAxisSize: MainAxisSize.max,
+                  children: [
+                    Expanded(
+                      child: Align(
+                        alignment: AlignmentDirectional(0, 0),
+                        child: Text(
+                          'Management',
+                          textAlign: TextAlign.center,
+                          style:
+                              FlutterFlowTheme.of(context).bodyText1.override(
+                                    fontFamily: 'Dancing Script',
+                                    fontSize: 90,
+                                  ),
+                        ),
+                      ),
+                    ),
+                  ],
+                ),
+              ),
+              Expanded(
+                child: Row(
+                  mainAxisSize: MainAxisSize.max,
+                  children: [
+                    Expanded(
+                      child: Align(
+                        alignment: AlignmentDirectional(0, 0),
+                        child: Text(
+                          'System',
+                          textAlign: TextAlign.center,
+                          style:
+                              FlutterFlowTheme.of(context).bodyText1.override(
+                                    fontFamily: 'Dancing Script',
+                                    fontSize: 90,
+                                    fontWeight: FontWeight.w600,
+                                  ),
+                        ),
+                      ),
+                    ),
+                  ],
+                ),
+              ),
+              Expanded(
+                child: Row(
+                  mainAxisSize: MainAxisSize.max,
+                  children: [
+                    Expanded(
+                      child: Container(
+                        width: 100,
+                        height: 100,
+                        decoration: BoxDecoration(),
+                      ),
+                    ),
+                    Expanded(
+                      child: Align(
+                        alignment: AlignmentDirectional(0, 0),
+                        child: Padding(
+                          padding: EdgeInsetsDirectional.fromSTEB(0, 0, 20, 0),
+                          child: FFButtonWidget(
+                            onPressed: () async {
+                              await Navigator.pushAndRemoveUntil(
+                                context,
+                                MaterialPageRoute(
+                                  builder: (context) => LoginPageWidget(),
+                                ),
+                                (r) => false,
+                              );
+                            },
+                            text: 'Login',
+                            options: FFButtonOptions(
+                              width: 500,
+                              height: 100,
+                              color: FlutterFlowTheme.of(context).primaryColor,
+                              textStyle: FlutterFlowTheme.of(context)
+                                  .subtitle2
+                                  .override(
+                                    fontFamily: 'Poppins',
+                                    color: Colors.white,
+                                    fontSize: 60,
+                                  ),
+                              elevation: 2,
+                              borderSide: BorderSide(
+                                color: Colors.transparent,
+                                width: 1,
+                              ),
+                              borderRadius: 12,
+                            ),
+                          ),
+                        ),
+                      ),
+                    ),
+                    Expanded(
+                      child: Align(
+                        alignment: AlignmentDirectional(0, 0),
+                        child: Padding(
+                          padding: EdgeInsetsDirectional.fromSTEB(20, 0, 0, 0),
+                          child: FFButtonWidget(
+                            onPressed: () async {
+                              await Navigator.pushAndRemoveUntil(
+                                context,
+                                MaterialPageRoute(
+                                  builder: (context) => RegisterPageWidget(),
+                                ),
+                                (r) => false,
+                              );
+                            },
+                            text: 'Rgister',
+                            options: FFButtonOptions(
+                              width: 500,
+                              height: 100,
+                              color: FlutterFlowTheme.of(context).primaryColor,
+                              textStyle: FlutterFlowTheme.of(context)
+                                  .subtitle2
+                                  .override(
+                                    fontFamily: 'Poppins',
+                                    color: Colors.white,
+                                    fontSize: 60,
+                                  ),
+                              elevation: 2,
+                              borderSide: BorderSide(
+                                color: Colors.transparent,
+                                width: 1,
+                              ),
+                              borderRadius: 12,
+                            ),
+                          ),
+                        ),
+                      ),
+                    ),
+                    Expanded(
+                      child: Container(
+                        width: 100,
+                        height: 100,
+                        decoration: BoxDecoration(),
+                      ),
+                    ),
+                  ],
+                ),
+              ),
+              Expanded(
+                child: Row(
+                  mainAxisSize: MainAxisSize.max,
+                  children: [],
+                ),
+              ),
+            ],
+          ),
+        ),
+      ),
+    );
+  }
+}
diff --git a/roster_management_system/lib/index.dart b/roster_management_system/lib/index.dart
new file mode 100644
index 0000000..71ba633
--- /dev/null
+++ b/roster_management_system/lib/index.dart
@@ -0,0 +1,20 @@
+// Export pages
+export 'register_page/register_page_widget.dart' show RegisterPageWidget;
+export 'login_page/login_page_widget.dart' show LoginPageWidget;
+export 'home_page/home_page_widget.dart' show HomePageWidget;
+export 'my_training_page/my_training_page_widget.dart'
+    show MyTrainingPageWidget;
+export 'main_page/main_page_widget.dart' show MainPageWidget;
+export 'my_roster_page/my_roster_page_widget.dart' show MyRosterPageWidget;
+export 'work_market_page/work_market_page_widget.dart'
+    show WorkMarketPageWidget;
+export 'manage_train/manage_train_widget.dart' show ManageTrainWidget;
+export 'clock_in_out_page/clock_in_out_page_widget.dart'
+    show ClockInOutPageWidget;
+export 'task_detail_page/task_detail_page_widget.dart'
+    show TaskDetailPageWidget;
+export 'admin_page/admin_page_widget.dart' show AdminPageWidget;
+export 'manage_work_market/manage_work_market_widget.dart'
+    show ManageWorkMarketWidget;
+export 'add_new_task_page/add_new_task_page_widget.dart'
+    show AddNewTaskPageWidget;
diff --git a/roster_management_system/lib/login_page/login_page_widget.dart b/roster_management_system/lib/login_page/login_page_widget.dart
new file mode 100644
index 0000000..0e3d6c5
--- /dev/null
+++ b/roster_management_system/lib/login_page/login_page_widget.dart
@@ -0,0 +1,257 @@
+import '../auth/auth_util.dart';
+import '../flutter_flow/flutter_flow_theme.dart';
+import '../flutter_flow/flutter_flow_util.dart';
+import '../flutter_flow/flutter_flow_widgets.dart';
+import '../main_page/main_page_widget.dart';
+import 'package:easy_debounce/easy_debounce.dart';
+import 'package:flutter/material.dart';
+import 'package:google_fonts/google_fonts.dart';
+
+class LoginPageWidget extends StatefulWidget {
+  const LoginPageWidget({Key key}) : super(key: key);
+
+  @override
+  _LoginPageWidgetState createState() => _LoginPageWidgetState();
+}
+
+class _LoginPageWidgetState extends State<LoginPageWidget> {
+  TextEditingController emailtextController;
+  TextEditingController passwordtextController;
+  bool passwordtextVisibility;
+  final scaffoldKey = GlobalKey<ScaffoldState>();
+
+  @override
+  void initState() {
+    super.initState();
+    emailtextController = TextEditingController();
+    passwordtextController = TextEditingController();
+    passwordtextVisibility = false;
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      key: scaffoldKey,
+      backgroundColor: FlutterFlowTheme.of(context).primaryBackground,
+      body: SafeArea(
+        child: GestureDetector(
+          onTap: () => FocusScope.of(context).unfocus(),
+          child: Column(
+            mainAxisSize: MainAxisSize.max,
+            crossAxisAlignment: CrossAxisAlignment.stretch,
+            children: [
+              Container(
+                width: 100,
+                height: 100,
+                constraints: BoxConstraints(
+                  maxHeight: MediaQuery.of(context).size.height * 0.2,
+                ),
+                decoration: BoxDecoration(
+                  color: FlutterFlowTheme.of(context).primaryColor,
+                ),
+                child: Align(
+                  alignment: AlignmentDirectional(0, 0),
+                  child: Text(
+                    'Roster Management System',
+                    style: FlutterFlowTheme.of(context).title1.override(
+                          fontFamily: 'Dancing Script',
+                          fontSize: 50,
+                        ),
+                  ),
+                ),
+              ),
+              Expanded(
+                child: Container(
+                  width: 100,
+                  height: 100,
+                  decoration: BoxDecoration(
+                    color: Color(0xFFEEEEEE),
+                  ),
+                  child: Column(
+                    mainAxisSize: MainAxisSize.max,
+                    children: [
+                      Image.network(
+                        'https://storage.googleapis.com/flutterflow-io-6f20.appspot.com/projects/roster-management-system-ik6933/assets/i62vd4c6chh5/icon1.png',
+                        width: 100,
+                        height: 100,
+                        fit: BoxFit.cover,
+                      ),
+                      Container(
+                        width: MediaQuery.of(context).size.width * 0.5,
+                        height: MediaQuery.of(context).size.height * 1,
+                        decoration: BoxDecoration(
+                          color: Color(0xFFEEEEEE),
+                        ),
+                        child: Column(
+                          mainAxisSize: MainAxisSize.max,
+                          children: [
+                            Align(
+                              alignment: AlignmentDirectional(-1, 0),
+                              child: Text(
+                                'Email:',
+                                textAlign: TextAlign.start,
+                                style: FlutterFlowTheme.of(context)
+                                    .title1
+                                    .override(
+                                      fontFamily: 'Poppins',
+                                      fontSize: 50,
+                                    ),
+                              ),
+                            ),
+                            TextFormField(
+                              controller: emailtextController,
+                              onChanged: (_) => EasyDebounce.debounce(
+                                'emailtextController',
+                                Duration(milliseconds: 2000),
+                                () => setState(() {}),
+                              ),
+                              autofocus: true,
+                              obscureText: false,
+                              decoration: InputDecoration(
+                                hintText: 'Email Address',
+                                enabledBorder: UnderlineInputBorder(
+                                  borderSide: BorderSide(
+                                    color: Color(0x00000000),
+                                    width: 1,
+                                  ),
+                                  borderRadius: const BorderRadius.only(
+                                    topLeft: Radius.circular(4.0),
+                                    topRight: Radius.circular(4.0),
+                                  ),
+                                ),
+                                focusedBorder: UnderlineInputBorder(
+                                  borderSide: BorderSide(
+                                    color: Color(0x00000000),
+                                    width: 1,
+                                  ),
+                                  borderRadius: const BorderRadius.only(
+                                    topLeft: Radius.circular(4.0),
+                                    topRight: Radius.circular(4.0),
+                                  ),
+                                ),
+                              ),
+                              style:
+                                  FlutterFlowTheme.of(context).title1.override(
+                                        fontFamily: 'Poppins',
+                                        fontSize: 50,
+                                      ),
+                              keyboardType: TextInputType.emailAddress,
+                            ),
+                            Align(
+                              alignment: AlignmentDirectional(-1, 0),
+                              child: Text(
+                                'Password:',
+                                style: FlutterFlowTheme.of(context)
+                                    .title1
+                                    .override(
+                                      fontFamily: 'Poppins',
+                                      fontSize: 50,
+                                    ),
+                              ),
+                            ),
+                            TextFormField(
+                              controller: passwordtextController,
+                              onChanged: (_) => EasyDebounce.debounce(
+                                'passwordtextController',
+                                Duration(milliseconds: 2000),
+                                () => setState(() {}),
+                              ),
+                              autofocus: true,
+                              obscureText: !passwordtextVisibility,
+                              decoration: InputDecoration(
+                                hintText: 'Enter you password',
+                                enabledBorder: UnderlineInputBorder(
+                                  borderSide: BorderSide(
+                                    color: Color(0x00000000),
+                                    width: 1,
+                                  ),
+                                  borderRadius: const BorderRadius.only(
+                                    topLeft: Radius.circular(4.0),
+                                    topRight: Radius.circular(4.0),
+                                  ),
+                                ),
+                                focusedBorder: UnderlineInputBorder(
+                                  borderSide: BorderSide(
+                                    color: Color(0x00000000),
+                                    width: 1,
+                                  ),
+                                  borderRadius: const BorderRadius.only(
+                                    topLeft: Radius.circular(4.0),
+                                    topRight: Radius.circular(4.0),
+                                  ),
+                                ),
+                                suffixIcon: InkWell(
+                                  onTap: () => setState(
+                                    () => passwordtextVisibility =
+                                        !passwordtextVisibility,
+                                  ),
+                                  focusNode: FocusNode(skipTraversal: true),
+                                  child: Icon(
+                                    passwordtextVisibility
+                                        ? Icons.visibility_outlined
+                                        : Icons.visibility_off_outlined,
+                                    color: Color(0xFF757575),
+                                    size: 22,
+                                  ),
+                                ),
+                              ),
+                              style:
+                                  FlutterFlowTheme.of(context).title1.override(
+                                        fontFamily: 'Poppins',
+                                        fontSize: 50,
+                                      ),
+                              keyboardType: TextInputType.visiblePassword,
+                            ),
+                            FFButtonWidget(
+                              onPressed: () async {
+                                final user = await signInWithEmail(
+                                  context,
+                                  emailtextController.text,
+                                  passwordtextController.text,
+                                );
+                                if (user == null) {
+                                  return;
+                                }
+
+                                await Navigator.pushAndRemoveUntil(
+                                  context,
+                                  MaterialPageRoute(
+                                    builder: (context) => MainPageWidget(),
+                                  ),
+                                  (r) => false,
+                                );
+                              },
+                              text: 'Login',
+                              options: FFButtonOptions(
+                                width: double.infinity,
+                                height: 60,
+                                color:
+                                    FlutterFlowTheme.of(context).primaryColor,
+                                textStyle: FlutterFlowTheme.of(context)
+                                    .subtitle2
+                                    .override(
+                                      fontFamily: 'Poppins',
+                                      color: Colors.white,
+                                      fontSize: 50,
+                                    ),
+                                borderSide: BorderSide(
+                                  color: Colors.transparent,
+                                  width: 1,
+                                ),
+                                borderRadius: 12,
+                              ),
+                            ),
+                          ],
+                        ),
+                      ),
+                    ],
+                  ),
+                ),
+              ),
+            ],
+          ),
+        ),
+      ),
+    );
+  }
+}
diff --git a/roster_management_system/lib/main.dart b/roster_management_system/lib/main.dart
new file mode 100644
index 0000000..05e9ef9
--- /dev/null
+++ b/roster_management_system/lib/main.dart
@@ -0,0 +1,96 @@
+import 'package:firebase_core/firebase_core.dart';
+import 'package:flutter/gestures.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter_localizations/flutter_localizations.dart';
+import 'auth/firebase_user_provider.dart';
+import 'auth/auth_util.dart';
+
+import 'flutter_flow/flutter_flow_theme.dart';
+import 'flutter_flow/flutter_flow_util.dart';
+import 'flutter_flow/internationalization.dart';
+import 'index.dart';
+
+void main() async {
+  WidgetsFlutterBinding.ensureInitialized();
+  await Firebase.initializeApp();
+  await FlutterFlowTheme.initialize();
+
+  FFAppState(); // Initialize FFAppState
+
+  runApp(MyApp());
+}
+
+class MyApp extends StatefulWidget {
+  // This widget is the root of your application.
+  @override
+  State<MyApp> createState() => _MyAppState();
+
+  static _MyAppState of(BuildContext context) =>
+      context.findAncestorStateOfType<_MyAppState>();
+}
+
+class _MyAppState extends State<MyApp> {
+  Locale _locale;
+  ThemeMode _themeMode = FlutterFlowTheme.themeMode;
+
+  Stream<RosterManagementSystemFirebaseUser> userStream;
+  RosterManagementSystemFirebaseUser initialUser;
+  bool displaySplashImage = true;
+
+  final authUserSub = authenticatedUserStream.listen((_) {});
+
+  @override
+  void initState() {
+    super.initState();
+    userStream = rosterManagementSystemFirebaseUserStream()
+      ..listen((user) => initialUser ?? setState(() => initialUser = user));
+    Future.delayed(
+      Duration(seconds: 1),
+      () => setState(() => displaySplashImage = false),
+    );
+  }
+
+  @override
+  void dispose() {
+    authUserSub.cancel();
+
+    super.dispose();
+  }
+
+  void setLocale(Locale value) => setState(() => _locale = value);
+  void setThemeMode(ThemeMode mode) => setState(() {
+        _themeMode = mode;
+        FlutterFlowTheme.saveThemeMode(mode);
+      });
+
+  @override
+  Widget build(BuildContext context) {
+    return MaterialApp(
+      title: 'Roster-Management-System',
+      localizationsDelegates: [
+        FFLocalizationsDelegate(),
+        GlobalMaterialLocalizations.delegate,
+        GlobalWidgetsLocalizations.delegate,
+        GlobalCupertinoLocalizations.delegate,
+      ],
+      locale: _locale,
+      supportedLocales: const [Locale('en', '')],
+      theme: ThemeData(brightness: Brightness.light),
+      darkTheme: ThemeData(brightness: Brightness.dark),
+      themeMode: _themeMode,
+      home: initialUser == null || displaySplashImage
+          ? Container(
+              color: Colors.transparent,
+              child: Builder(
+                builder: (context) => Image.asset(
+                  'assets/images/icon1.png',
+                  fit: BoxFit.cover,
+                ),
+              ),
+            )
+          : currentUser.loggedIn
+              ? MainPageWidget()
+              : HomePageWidget(),
+    );
+  }
+}
diff --git a/roster_management_system/lib/main_page/main_page_widget.dart b/roster_management_system/lib/main_page/main_page_widget.dart
new file mode 100644
index 0000000..bbadbfe
--- /dev/null
+++ b/roster_management_system/lib/main_page/main_page_widget.dart
@@ -0,0 +1,317 @@
+import '../admin_page/admin_page_widget.dart';
+import '../auth/auth_util.dart';
+import '../clock_in_out_page/clock_in_out_page_widget.dart';
+import '../flutter_flow/flutter_flow_theme.dart';
+import '../flutter_flow/flutter_flow_util.dart';
+import '../flutter_flow/flutter_flow_widgets.dart';
+import '../home_page/home_page_widget.dart';
+import '../my_roster_page/my_roster_page_widget.dart';
+import '../my_training_page/my_training_page_widget.dart';
+import '../work_market_page/work_market_page_widget.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter/scheduler.dart';
+import 'package:google_fonts/google_fonts.dart';
+
+class MainPageWidget extends StatefulWidget {
+  const MainPageWidget({Key key}) : super(key: key);
+
+  @override
+  _MainPageWidgetState createState() => _MainPageWidgetState();
+}
+
+class _MainPageWidgetState extends State<MainPageWidget> {
+  final scaffoldKey = GlobalKey<ScaffoldState>();
+
+  @override
+  void initState() {
+    super.initState();
+    // On page load action.
+    SchedulerBinding.instance?.addPostFrameCallback((_) async {
+      setState(() => FFAppState().MenuShow = false);
+      if (valueOrDefault(currentUserDocument?.admin, false)) {
+        await Navigator.push(
+          context,
+          MaterialPageRoute(
+            builder: (context) => AdminPageWidget(),
+          ),
+        );
+      }
+    });
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      key: scaffoldKey,
+      backgroundColor: FlutterFlowTheme.of(context).primaryBackground,
+      body: SafeArea(
+        child: GestureDetector(
+          onTap: () => FocusScope.of(context).unfocus(),
+          child: Column(
+            mainAxisSize: MainAxisSize.max,
+            crossAxisAlignment: CrossAxisAlignment.stretch,
+            children: [
+              Row(
+                mainAxisSize: MainAxisSize.max,
+                children: [
+                  Expanded(
+                    child: Container(
+                      width: MediaQuery.of(context).size.width * 0.05,
+                      height: 100,
+                      decoration: BoxDecoration(
+                        color: FlutterFlowTheme.of(context).primaryColor,
+                      ),
+                      child: FFButtonWidget(
+                        onPressed: () async {
+                          if (FFAppState().MenuShow) {
+                            setState(() => FFAppState().MenuShow = false);
+                            return;
+                          } else {
+                            setState(() => FFAppState().MenuShow = true);
+                            return;
+                          }
+                        },
+                        text: '',
+                        icon: Icon(
+                          Icons.menu,
+                          size: 15,
+                        ),
+                        options: FFButtonOptions(
+                          width: 130,
+                          height: 40,
+                          color: FlutterFlowTheme.of(context).primaryColor,
+                          textStyle:
+                              FlutterFlowTheme.of(context).subtitle2.override(
+                                    fontFamily: 'Poppins',
+                                    color: Colors.white,
+                                  ),
+                          borderSide: BorderSide(
+                            color: Colors.transparent,
+                            width: 1,
+                          ),
+                          borderRadius: 12,
+                        ),
+                      ),
+                    ),
+                  ),
+                  Container(
+                    width: MediaQuery.of(context).size.width * 0.95,
+                    height: 100,
+                    constraints: BoxConstraints(
+                      maxHeight: MediaQuery.of(context).size.height * 0.2,
+                    ),
+                    decoration: BoxDecoration(
+                      color: FlutterFlowTheme.of(context).primaryColor,
+                    ),
+                    child: Align(
+                      alignment: AlignmentDirectional(0, 0),
+                      child: Text(
+                        'Roster Management System',
+                        style: FlutterFlowTheme.of(context).title1.override(
+                              fontFamily: 'Dancing Script',
+                              fontSize: 50,
+                            ),
+                      ),
+                    ),
+                  ),
+                ],
+              ),
+              Row(
+                mainAxisSize: MainAxisSize.max,
+                children: [
+                  if ((FFAppState().MenuShow) == true)
+                    Container(
+                      width: MediaQuery.of(context).size.width * 0.4,
+                      height: MediaQuery.of(context).size.height * 1,
+                      decoration: BoxDecoration(
+                        color: FlutterFlowTheme.of(context).primaryColor,
+                      ),
+                      child: Column(
+                        mainAxisSize: MainAxisSize.max,
+                        mainAxisAlignment: MainAxisAlignment.spaceBetween,
+                        crossAxisAlignment: CrossAxisAlignment.stretch,
+                        children: [
+                          Column(
+                            mainAxisSize: MainAxisSize.max,
+                            mainAxisAlignment: MainAxisAlignment.start,
+                            crossAxisAlignment: CrossAxisAlignment.stretch,
+                            children: [
+                              Text(
+                                'MENU',
+                                textAlign: TextAlign.center,
+                                style: FlutterFlowTheme.of(context)
+                                    .bodyText1
+                                    .override(
+                                      fontFamily: 'Poppins',
+                                      color: Colors.white,
+                                      fontSize: 100,
+                                    ),
+                              ),
+                              FFButtonWidget(
+                                onPressed: () async {
+                                  await Navigator.pushAndRemoveUntil(
+                                    context,
+                                    MaterialPageRoute(
+                                      builder: (context) =>
+                                          MyRosterPageWidget(),
+                                    ),
+                                    (r) => false,
+                                  );
+                                },
+                                text: 'My Roster',
+                                options: FFButtonOptions(
+                                  width: 130,
+                                  height: 75,
+                                  color:
+                                      FlutterFlowTheme.of(context).primaryColor,
+                                  textStyle: FlutterFlowTheme.of(context)
+                                      .subtitle2
+                                      .override(
+                                        fontFamily: 'Poppins',
+                                        color: Colors.white,
+                                        fontSize: 75,
+                                      ),
+                                  borderSide: BorderSide(
+                                    color: Colors.transparent,
+                                    width: 1,
+                                  ),
+                                  borderRadius: 12,
+                                ),
+                              ),
+                              FFButtonWidget(
+                                onPressed: () async {
+                                  await Navigator.pushAndRemoveUntil(
+                                    context,
+                                    MaterialPageRoute(
+                                      builder: (context) =>
+                                          ClockInOutPageWidget(),
+                                    ),
+                                    (r) => false,
+                                  );
+                                },
+                                text: 'Clock In/Out',
+                                options: FFButtonOptions(
+                                  width: 130,
+                                  height: 75,
+                                  color:
+                                      FlutterFlowTheme.of(context).primaryColor,
+                                  textStyle: FlutterFlowTheme.of(context)
+                                      .subtitle2
+                                      .override(
+                                        fontFamily: 'Poppins',
+                                        color: Colors.white,
+                                        fontSize: 75,
+                                      ),
+                                  borderSide: BorderSide(
+                                    color: Colors.transparent,
+                                    width: 1,
+                                  ),
+                                  borderRadius: 12,
+                                ),
+                              ),
+                              FFButtonWidget(
+                                onPressed: () async {
+                                  await Navigator.pushAndRemoveUntil(
+                                    context,
+                                    MaterialPageRoute(
+                                      builder: (context) =>
+                                          MyTrainingPageWidget(),
+                                    ),
+                                    (r) => false,
+                                  );
+                                },
+                                text: 'My Training',
+                                options: FFButtonOptions(
+                                  width: 130,
+                                  height: 75,
+                                  color:
+                                      FlutterFlowTheme.of(context).primaryColor,
+                                  textStyle: FlutterFlowTheme.of(context)
+                                      .subtitle2
+                                      .override(
+                                        fontFamily: 'Poppins',
+                                        color: Colors.white,
+                                        fontSize: 75,
+                                      ),
+                                  borderSide: BorderSide(
+                                    color: Colors.transparent,
+                                    width: 1,
+                                  ),
+                                  borderRadius: 12,
+                                ),
+                              ),
+                              FFButtonWidget(
+                                onPressed: () async {
+                                  await Navigator.pushAndRemoveUntil(
+                                    context,
+                                    MaterialPageRoute(
+                                      builder: (context) =>
+                                          WorkMarketPageWidget(),
+                                    ),
+                                    (r) => false,
+                                  );
+                                },
+                                text: 'Work Market',
+                                options: FFButtonOptions(
+                                  width: 130,
+                                  height: 75,
+                                  color:
+                                      FlutterFlowTheme.of(context).primaryColor,
+                                  textStyle: FlutterFlowTheme.of(context)
+                                      .subtitle2
+                                      .override(
+                                        fontFamily: 'Poppins',
+                                        color: Colors.white,
+                                        fontSize: 75,
+                                      ),
+                                  borderSide: BorderSide(
+                                    color: Colors.transparent,
+                                    width: 1,
+                                  ),
+                                  borderRadius: 12,
+                                ),
+                              ),
+                              FFButtonWidget(
+                                onPressed: () async {
+                                  await signOut();
+                                  await Navigator.pushAndRemoveUntil(
+                                    context,
+                                    MaterialPageRoute(
+                                      builder: (context) => HomePageWidget(),
+                                    ),
+                                    (r) => false,
+                                  );
+                                },
+                                text: 'LogOut',
+                                options: FFButtonOptions(
+                                  width: 130,
+                                  height: 75,
+                                  color: FlutterFlowTheme.of(context).alternate,
+                                  textStyle: FlutterFlowTheme.of(context)
+                                      .subtitle2
+                                      .override(
+                                        fontFamily: 'Poppins',
+                                        color: Colors.white,
+                                        fontSize: 75,
+                                      ),
+                                  borderSide: BorderSide(
+                                    color: Colors.transparent,
+                                    width: 1,
+                                  ),
+                                  borderRadius: 12,
+                                ),
+                              ),
+                            ],
+                          ),
+                        ],
+                      ),
+                    ),
+                ],
+              ),
+            ],
+          ),
+        ),
+      ),
+    );
+  }
+}
diff --git a/roster_management_system/lib/manage_train/manage_train_widget.dart b/roster_management_system/lib/manage_train/manage_train_widget.dart
new file mode 100644
index 0000000..6c75b8b
--- /dev/null
+++ b/roster_management_system/lib/manage_train/manage_train_widget.dart
@@ -0,0 +1,535 @@
+import '../auth/auth_util.dart';
+import '../backend/backend.dart';
+import '../flutter_flow/flutter_flow_theme.dart';
+import '../flutter_flow/flutter_flow_util.dart';
+import '../flutter_flow/flutter_flow_widgets.dart';
+import '../home_page/home_page_widget.dart';
+import '../manage_work_market/manage_work_market_widget.dart';
+import 'package:cloud_firestore/cloud_firestore.dart';
+import 'package:easy_debounce/easy_debounce.dart';
+import 'package:flutter/material.dart';
+import 'package:google_fonts/google_fonts.dart';
+
+class ManageTrainWidget extends StatefulWidget {
+  const ManageTrainWidget({Key key}) : super(key: key);
+
+  @override
+  _ManageTrainWidgetState createState() => _ManageTrainWidgetState();
+}
+
+class _ManageTrainWidgetState extends State<ManageTrainWidget> {
+  TextEditingController trainTitleTextController;
+  TextEditingController trainUrlTextController;
+  final scaffoldKey = GlobalKey<ScaffoldState>();
+
+  @override
+  void initState() {
+    super.initState();
+    trainTitleTextController = TextEditingController();
+    trainUrlTextController = TextEditingController();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      key: scaffoldKey,
+      backgroundColor: FlutterFlowTheme.of(context).primaryBackground,
+      body: GestureDetector(
+        onTap: () => FocusScope.of(context).unfocus(),
+        child: Column(
+          mainAxisSize: MainAxisSize.max,
+          crossAxisAlignment: CrossAxisAlignment.stretch,
+          children: [
+            Row(
+              mainAxisSize: MainAxisSize.max,
+              children: [
+                Expanded(
+                  child: Container(
+                    width: MediaQuery.of(context).size.width * 0.05,
+                    height: 100,
+                    decoration: BoxDecoration(
+                      color: FlutterFlowTheme.of(context).primaryColor,
+                    ),
+                    child: FFButtonWidget(
+                      onPressed: () async {
+                        if (FFAppState().MenuShow) {
+                          setState(() => FFAppState().MenuShow = false);
+                          return;
+                        } else {
+                          setState(() => FFAppState().MenuShow = true);
+                          return;
+                        }
+                      },
+                      text: '',
+                      icon: Icon(
+                        Icons.menu,
+                        size: 15,
+                      ),
+                      options: FFButtonOptions(
+                        width: 130,
+                        height: 40,
+                        color: FlutterFlowTheme.of(context).primaryColor,
+                        textStyle:
+                            FlutterFlowTheme.of(context).subtitle2.override(
+                                  fontFamily: 'Poppins',
+                                  color: Colors.white,
+                                ),
+                        borderSide: BorderSide(
+                          color: Colors.transparent,
+                          width: 1,
+                        ),
+                        borderRadius: 12,
+                      ),
+                    ),
+                  ),
+                ),
+                Container(
+                  width: MediaQuery.of(context).size.width * 0.95,
+                  height: 100,
+                  constraints: BoxConstraints(
+                    maxHeight: MediaQuery.of(context).size.height * 0.2,
+                  ),
+                  decoration: BoxDecoration(
+                    color: FlutterFlowTheme.of(context).primaryColor,
+                  ),
+                  child: Align(
+                    alignment: AlignmentDirectional(0, 0),
+                    child: Text(
+                      'Roster Management System',
+                      style: FlutterFlowTheme.of(context).title1.override(
+                            fontFamily: 'Dancing Script',
+                            fontSize: 50,
+                          ),
+                    ),
+                  ),
+                ),
+              ],
+            ),
+            Row(
+              mainAxisSize: MainAxisSize.max,
+              children: [
+                if ((FFAppState().MenuShow) == true)
+                  Container(
+                    width: MediaQuery.of(context).size.width * 0.4,
+                    height: MediaQuery.of(context).size.height * 1,
+                    decoration: BoxDecoration(
+                      color: FlutterFlowTheme.of(context).primaryColor,
+                    ),
+                    child: Column(
+                      mainAxisSize: MainAxisSize.max,
+                      mainAxisAlignment: MainAxisAlignment.spaceBetween,
+                      crossAxisAlignment: CrossAxisAlignment.stretch,
+                      children: [
+                        Column(
+                          mainAxisSize: MainAxisSize.max,
+                          mainAxisAlignment: MainAxisAlignment.start,
+                          crossAxisAlignment: CrossAxisAlignment.stretch,
+                          children: [
+                            Text(
+                              'MENU',
+                              textAlign: TextAlign.center,
+                              style: FlutterFlowTheme.of(context)
+                                  .bodyText1
+                                  .override(
+                                    fontFamily: 'Poppins',
+                                    color: Colors.white,
+                                    fontSize: 100,
+                                  ),
+                            ),
+                            FFButtonWidget(
+                              onPressed: () {
+                                print('Button pressed ...');
+                              },
+                              text: 'Manage My Training',
+                              options: FFButtonOptions(
+                                width: 130,
+                                height: 75,
+                                color: Color(0xFF7567F8),
+                                textStyle: FlutterFlowTheme.of(context)
+                                    .subtitle2
+                                    .override(
+                                      fontFamily: 'Poppins',
+                                      color: Colors.white,
+                                      fontSize: 75,
+                                    ),
+                                borderSide: BorderSide(
+                                  color: Colors.transparent,
+                                  width: 1,
+                                ),
+                                borderRadius: 12,
+                              ),
+                            ),
+                            FFButtonWidget(
+                              onPressed: () async {
+                                await Navigator.pushAndRemoveUntil(
+                                  context,
+                                  MaterialPageRoute(
+                                    builder: (context) =>
+                                        ManageWorkMarketWidget(),
+                                  ),
+                                  (r) => false,
+                                );
+                              },
+                              text: 'Manage Work Market',
+                              options: FFButtonOptions(
+                                width: 130,
+                                height: 75,
+                                color:
+                                    FlutterFlowTheme.of(context).primaryColor,
+                                textStyle: FlutterFlowTheme.of(context)
+                                    .subtitle2
+                                    .override(
+                                      fontFamily: 'Poppins',
+                                      color: Colors.white,
+                                      fontSize: 75,
+                                    ),
+                                borderSide: BorderSide(
+                                  color: Colors.transparent,
+                                  width: 1,
+                                ),
+                                borderRadius: 12,
+                              ),
+                            ),
+                            FFButtonWidget(
+                              onPressed: () async {
+                                await signOut();
+                                await Navigator.pushAndRemoveUntil(
+                                  context,
+                                  MaterialPageRoute(
+                                    builder: (context) => HomePageWidget(),
+                                  ),
+                                  (r) => false,
+                                );
+                              },
+                              text: 'LogOut',
+                              options: FFButtonOptions(
+                                width: 130,
+                                height: 75,
+                                color: FlutterFlowTheme.of(context).alternate,
+                                textStyle: FlutterFlowTheme.of(context)
+                                    .subtitle2
+                                    .override(
+                                      fontFamily: 'Poppins',
+                                      color: Colors.white,
+                                      fontSize: 75,
+                                    ),
+                                borderSide: BorderSide(
+                                  color: Colors.transparent,
+                                  width: 1,
+                                ),
+                                borderRadius: 12,
+                              ),
+                            ),
+                          ],
+                        ),
+                      ],
+                    ),
+                  ),
+                Expanded(
+                  child: Container(
+                    width: MediaQuery.of(context).size.width,
+                    height: MediaQuery.of(context).size.height * 1,
+                    decoration: BoxDecoration(),
+                    child: Column(
+                      mainAxisSize: MainAxisSize.max,
+                      mainAxisAlignment: MainAxisAlignment.start,
+                      children: [
+                        Row(
+                          mainAxisSize: MainAxisSize.max,
+                          mainAxisAlignment: MainAxisAlignment.spaceEvenly,
+                          crossAxisAlignment: CrossAxisAlignment.end,
+                          children: [
+                            Expanded(
+                              child: Container(
+                                width: MediaQuery.of(context).size.width * 0.2,
+                                height: 100,
+                                decoration: BoxDecoration(),
+                                child: Align(
+                                  alignment: AlignmentDirectional(0, 0),
+                                  child: TextFormField(
+                                    controller: trainTitleTextController,
+                                    onChanged: (_) => EasyDebounce.debounce(
+                                      'trainTitleTextController',
+                                      Duration(milliseconds: 2000),
+                                      () => setState(() {}),
+                                    ),
+                                    autofocus: true,
+                                    obscureText: false,
+                                    decoration: InputDecoration(
+                                      labelText: 'Train Title:',
+                                      enabledBorder: UnderlineInputBorder(
+                                        borderSide: BorderSide(
+                                          color: Color(0x00000000),
+                                          width: 1,
+                                        ),
+                                        borderRadius: const BorderRadius.only(
+                                          topLeft: Radius.circular(4.0),
+                                          topRight: Radius.circular(4.0),
+                                        ),
+                                      ),
+                                      focusedBorder: UnderlineInputBorder(
+                                        borderSide: BorderSide(
+                                          color: Color(0x00000000),
+                                          width: 1,
+                                        ),
+                                        borderRadius: const BorderRadius.only(
+                                          topLeft: Radius.circular(4.0),
+                                          topRight: Radius.circular(4.0),
+                                        ),
+                                      ),
+                                    ),
+                                    style: FlutterFlowTheme.of(context)
+                                        .bodyText1
+                                        .override(
+                                          fontFamily: 'Poppins',
+                                          fontSize: 35,
+                                        ),
+                                    textAlign: TextAlign.center,
+                                  ),
+                                ),
+                              ),
+                            ),
+                            Expanded(
+                              child: Container(
+                                width: MediaQuery.of(context).size.width * 0.2,
+                                height: 100,
+                                decoration: BoxDecoration(),
+                                child: Align(
+                                  alignment: AlignmentDirectional(0, 0),
+                                  child: TextFormField(
+                                    controller: trainUrlTextController,
+                                    onChanged: (_) => EasyDebounce.debounce(
+                                      'trainUrlTextController',
+                                      Duration(milliseconds: 2000),
+                                      () => setState(() {}),
+                                    ),
+                                    autofocus: true,
+                                    obscureText: false,
+                                    decoration: InputDecoration(
+                                      labelText: 'URL:',
+                                      enabledBorder: UnderlineInputBorder(
+                                        borderSide: BorderSide(
+                                          color: Color(0x00000000),
+                                          width: 1,
+                                        ),
+                                        borderRadius: const BorderRadius.only(
+                                          topLeft: Radius.circular(4.0),
+                                          topRight: Radius.circular(4.0),
+                                        ),
+                                      ),
+                                      focusedBorder: UnderlineInputBorder(
+                                        borderSide: BorderSide(
+                                          color: Color(0x00000000),
+                                          width: 1,
+                                        ),
+                                        borderRadius: const BorderRadius.only(
+                                          topLeft: Radius.circular(4.0),
+                                          topRight: Radius.circular(4.0),
+                                        ),
+                                      ),
+                                    ),
+                                    style: FlutterFlowTheme.of(context)
+                                        .bodyText1
+                                        .override(
+                                          fontFamily: 'Poppins',
+                                          fontSize: 35,
+                                        ),
+                                  ),
+                                ),
+                              ),
+                            ),
+                            Expanded(
+                              child: Container(
+                                width: MediaQuery.of(context).size.width * 0.2,
+                                height: 100,
+                                decoration: BoxDecoration(),
+                                child: Align(
+                                  alignment: AlignmentDirectional(0, 0),
+                                  child: FFButtonWidget(
+                                    onPressed: () async {
+                                      final trainCreateData =
+                                          createTrainRecordData(
+                                        trainName:
+                                            trainTitleTextController.text,
+                                        path: trainUrlTextController.text,
+                                      );
+                                      await TrainRecord.collection
+                                          .doc()
+                                          .set(trainCreateData);
+                                      await showDialog(
+                                        context: context,
+                                        builder: (alertDialogContext) {
+                                          return AlertDialog(
+                                            title: Text('Upload new train'),
+                                            content: Text('Upload Successed'),
+                                            actions: [
+                                              TextButton(
+                                                onPressed: () => Navigator.pop(
+                                                    alertDialogContext),
+                                                child: Text('Ok'),
+                                              ),
+                                            ],
+                                          );
+                                        },
+                                      );
+                                    },
+                                    text: 'Upload',
+                                    options: FFButtonOptions(
+                                      width: 400,
+                                      height: 90,
+                                      color: FlutterFlowTheme.of(context)
+                                          .primaryColor,
+                                      textStyle: FlutterFlowTheme.of(context)
+                                          .subtitle2
+                                          .override(
+                                            fontFamily: 'Poppins',
+                                            color: Colors.white,
+                                            fontSize: 45,
+                                          ),
+                                      borderSide: BorderSide(
+                                        color: Colors.transparent,
+                                        width: 5,
+                                      ),
+                                      borderRadius: 12,
+                                    ),
+                                  ),
+                                ),
+                              ),
+                            ),
+                          ],
+                        ),
+                        Expanded(
+                          child: StreamBuilder<List<TrainRecord>>(
+                            stream: queryTrainRecord(),
+                            builder: (context, snapshot) {
+                              // Customize what your widget looks like when it's loading.
+                              if (!snapshot.hasData) {
+                                return Center(
+                                  child: SizedBox(
+                                    width: 50,
+                                    height: 50,
+                                    child: CircularProgressIndicator(
+                                      color: FlutterFlowTheme.of(context)
+                                          .primaryColor,
+                                    ),
+                                  ),
+                                );
+                              }
+                              List<TrainRecord> gridViewTrainRecordList =
+                                  snapshot.data;
+                              return GridView.builder(
+                                padding: EdgeInsets.zero,
+                                gridDelegate:
+                                    SliverGridDelegateWithFixedCrossAxisCount(
+                                  crossAxisCount: 4,
+                                  crossAxisSpacing: 10,
+                                  mainAxisSpacing: 10,
+                                  childAspectRatio: 1,
+                                ),
+                                scrollDirection: Axis.vertical,
+                                itemCount: gridViewTrainRecordList.length,
+                                itemBuilder: (context, gridViewIndex) {
+                                  final gridViewTrainRecord =
+                                      gridViewTrainRecordList[gridViewIndex];
+                                  return Container(
+                                    width: double.infinity,
+                                    height: double.infinity,
+                                    decoration: BoxDecoration(),
+                                    child: Padding(
+                                      padding: EdgeInsetsDirectional.fromSTEB(
+                                          5, 5, 5, 5),
+                                      child: Column(
+                                        mainAxisSize: MainAxisSize.max,
+                                        children: [
+                                          Text(
+                                            gridViewTrainRecord.trainName,
+                                            style: FlutterFlowTheme.of(context)
+                                                .bodyText1
+                                                .override(
+                                                  fontFamily: 'Poppins',
+                                                  fontSize: 45,
+                                                ),
+                                          ),
+                                          FFButtonWidget(
+                                            onPressed: () async {
+                                              var confirmDialogResponse =
+                                                  await showDialog<bool>(
+                                                        context: context,
+                                                        builder:
+                                                            (alertDialogContext) {
+                                                          return AlertDialog(
+                                                            title:
+                                                                Text('Delete'),
+                                                            content: Text(
+                                                                'Sure to Delete?'),
+                                                            actions: [
+                                                              TextButton(
+                                                                onPressed: () =>
+                                                                    Navigator.pop(
+                                                                        alertDialogContext,
+                                                                        false),
+                                                                child: Text(
+                                                                    'Cancel'),
+                                                              ),
+                                                              TextButton(
+                                                                onPressed: () =>
+                                                                    Navigator.pop(
+                                                                        alertDialogContext,
+                                                                        true),
+                                                                child: Text(
+                                                                    'Confirm'),
+                                                              ),
+                                                            ],
+                                                          );
+                                                        },
+                                                      ) ??
+                                                      false;
+                                              if (confirmDialogResponse) {
+                                                await gridViewTrainRecord
+                                                    .reference
+                                                    .delete();
+                                              }
+                                            },
+                                            text: 'Delete',
+                                            options: FFButtonOptions(
+                                              width: double.infinity,
+                                              height: 40,
+                                              color:
+                                                  FlutterFlowTheme.of(context)
+                                                      .alternate,
+                                              textStyle:
+                                                  FlutterFlowTheme.of(context)
+                                                      .subtitle2
+                                                      .override(
+                                                        fontFamily: 'Poppins',
+                                                        color: Colors.white,
+                                                        fontSize: 45,
+                                                      ),
+                                              borderSide: BorderSide(
+                                                color: Colors.transparent,
+                                                width: 1,
+                                              ),
+                                              borderRadius: 12,
+                                            ),
+                                          ),
+                                        ],
+                                      ),
+                                    ),
+                                  );
+                                },
+                              );
+                            },
+                          ),
+                        ),
+                      ],
+                    ),
+                  ),
+                ),
+              ],
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+}
diff --git a/roster_management_system/lib/manage_work_market/manage_work_market_widget.dart b/roster_management_system/lib/manage_work_market/manage_work_market_widget.dart
new file mode 100644
index 0000000..f288e23
--- /dev/null
+++ b/roster_management_system/lib/manage_work_market/manage_work_market_widget.dart
@@ -0,0 +1,422 @@
+import '../add_new_task_page/add_new_task_page_widget.dart';
+import '../auth/auth_util.dart';
+import '../backend/backend.dart';
+import '../flutter_flow/flutter_flow_theme.dart';
+import '../flutter_flow/flutter_flow_util.dart';
+import '../flutter_flow/flutter_flow_widgets.dart';
+import '../home_page/home_page_widget.dart';
+import '../manage_train/manage_train_widget.dart';
+import 'package:flutter/material.dart';
+import 'package:google_fonts/google_fonts.dart';
+
+class ManageWorkMarketWidget extends StatefulWidget {
+  const ManageWorkMarketWidget({Key key}) : super(key: key);
+
+  @override
+  _ManageWorkMarketWidgetState createState() => _ManageWorkMarketWidgetState();
+}
+
+class _ManageWorkMarketWidgetState extends State<ManageWorkMarketWidget> {
+  final scaffoldKey = GlobalKey<ScaffoldState>();
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      key: scaffoldKey,
+      backgroundColor: FlutterFlowTheme.of(context).primaryBackground,
+      body: SafeArea(
+        child: GestureDetector(
+          onTap: () => FocusScope.of(context).unfocus(),
+          child: Column(
+            mainAxisSize: MainAxisSize.max,
+            crossAxisAlignment: CrossAxisAlignment.stretch,
+            children: [
+              Row(
+                mainAxisSize: MainAxisSize.max,
+                children: [
+                  Expanded(
+                    child: Container(
+                      width: MediaQuery.of(context).size.width * 0.05,
+                      height: 100,
+                      decoration: BoxDecoration(
+                        color: FlutterFlowTheme.of(context).primaryColor,
+                      ),
+                      child: FFButtonWidget(
+                        onPressed: () async {
+                          if (FFAppState().MenuShow) {
+                            setState(() => FFAppState().MenuShow = false);
+                            return;
+                          } else {
+                            setState(() => FFAppState().MenuShow = true);
+                            return;
+                          }
+                        },
+                        text: '',
+                        icon: Icon(
+                          Icons.menu,
+                          size: 15,
+                        ),
+                        options: FFButtonOptions(
+                          width: 130,
+                          height: 40,
+                          color: FlutterFlowTheme.of(context).primaryColor,
+                          textStyle:
+                              FlutterFlowTheme.of(context).subtitle2.override(
+                                    fontFamily: 'Poppins',
+                                    color: Colors.white,
+                                  ),
+                          borderSide: BorderSide(
+                            color: Colors.transparent,
+                            width: 1,
+                          ),
+                          borderRadius: 12,
+                        ),
+                      ),
+                    ),
+                  ),
+                  Container(
+                    width: MediaQuery.of(context).size.width * 0.95,
+                    height: 100,
+                    constraints: BoxConstraints(
+                      maxHeight: MediaQuery.of(context).size.height * 0.2,
+                    ),
+                    decoration: BoxDecoration(
+                      color: FlutterFlowTheme.of(context).primaryColor,
+                    ),
+                    child: Align(
+                      alignment: AlignmentDirectional(0, 0),
+                      child: Text(
+                        'Roster Management System',
+                        style: FlutterFlowTheme.of(context).title1.override(
+                              fontFamily: 'Dancing Script',
+                              fontSize: 50,
+                            ),
+                      ),
+                    ),
+                  ),
+                ],
+              ),
+              Row(
+                mainAxisSize: MainAxisSize.max,
+                children: [
+                  if ((FFAppState().MenuShow) == true)
+                    Container(
+                      width: MediaQuery.of(context).size.width * 0.4,
+                      height: MediaQuery.of(context).size.height * 1,
+                      decoration: BoxDecoration(
+                        color: FlutterFlowTheme.of(context).primaryColor,
+                      ),
+                      child: Column(
+                        mainAxisSize: MainAxisSize.max,
+                        mainAxisAlignment: MainAxisAlignment.spaceBetween,
+                        crossAxisAlignment: CrossAxisAlignment.stretch,
+                        children: [
+                          Column(
+                            mainAxisSize: MainAxisSize.max,
+                            mainAxisAlignment: MainAxisAlignment.start,
+                            crossAxisAlignment: CrossAxisAlignment.stretch,
+                            children: [
+                              Text(
+                                'MENU',
+                                textAlign: TextAlign.center,
+                                style: FlutterFlowTheme.of(context)
+                                    .bodyText1
+                                    .override(
+                                      fontFamily: 'Poppins',
+                                      color: Colors.white,
+                                      fontSize: 100,
+                                    ),
+                              ),
+                              FFButtonWidget(
+                                onPressed: () async {
+                                  await Navigator.push(
+                                    context,
+                                    MaterialPageRoute(
+                                      builder: (context) => ManageTrainWidget(),
+                                    ),
+                                  );
+                                },
+                                text: 'Manage My Training',
+                                options: FFButtonOptions(
+                                  width: 130,
+                                  height: 75,
+                                  color:
+                                      FlutterFlowTheme.of(context).primaryColor,
+                                  textStyle: FlutterFlowTheme.of(context)
+                                      .subtitle2
+                                      .override(
+                                        fontFamily: 'Poppins',
+                                        color: Colors.white,
+                                        fontSize: 75,
+                                      ),
+                                  borderSide: BorderSide(
+                                    color: Colors.transparent,
+                                    width: 1,
+                                  ),
+                                  borderRadius: 12,
+                                ),
+                              ),
+                              FFButtonWidget(
+                                onPressed: () {
+                                  print('Button pressed ...');
+                                },
+                                text: 'Manage Work Market',
+                                options: FFButtonOptions(
+                                  width: 130,
+                                  height: 75,
+                                  color: Color(0xFF7567F8),
+                                  textStyle: FlutterFlowTheme.of(context)
+                                      .subtitle2
+                                      .override(
+                                        fontFamily: 'Poppins',
+                                        color: Colors.white,
+                                        fontSize: 75,
+                                      ),
+                                  borderSide: BorderSide(
+                                    color: Colors.transparent,
+                                    width: 1,
+                                  ),
+                                  borderRadius: 12,
+                                ),
+                              ),
+                              FFButtonWidget(
+                                onPressed: () async {
+                                  await signOut();
+                                  await Navigator.pushAndRemoveUntil(
+                                    context,
+                                    MaterialPageRoute(
+                                      builder: (context) => HomePageWidget(),
+                                    ),
+                                    (r) => false,
+                                  );
+                                },
+                                text: 'LogOut',
+                                options: FFButtonOptions(
+                                  width: 130,
+                                  height: 75,
+                                  color: FlutterFlowTheme.of(context).alternate,
+                                  textStyle: FlutterFlowTheme.of(context)
+                                      .subtitle2
+                                      .override(
+                                        fontFamily: 'Poppins',
+                                        color: Colors.white,
+                                        fontSize: 75,
+                                      ),
+                                  borderSide: BorderSide(
+                                    color: Colors.transparent,
+                                    width: 1,
+                                  ),
+                                  borderRadius: 12,
+                                ),
+                              ),
+                            ],
+                          ),
+                        ],
+                      ),
+                    ),
+                  Container(
+                    width: MediaQuery.of(context).size.width,
+                    height: MediaQuery.of(context).size.height * 1,
+                    decoration: BoxDecoration(),
+                    child: Column(
+                      mainAxisSize: MainAxisSize.max,
+                      children: [
+                        Container(
+                          width: MediaQuery.of(context).size.width,
+                          height: MediaQuery.of(context).size.height * 0.08,
+                          decoration: BoxDecoration(
+                            color: Color(0xFFEEEEEE),
+                          ),
+                          child: FFButtonWidget(
+                            onPressed: () async {
+                              await Navigator.push(
+                                context,
+                                MaterialPageRoute(
+                                  builder: (context) => AddNewTaskPageWidget(),
+                                ),
+                              );
+                            },
+                            text: 'Add New Task',
+                            options: FFButtonOptions(
+                              width: double.infinity,
+                              height: 40,
+                              color: FlutterFlowTheme.of(context).primaryColor,
+                              textStyle: FlutterFlowTheme.of(context)
+                                  .subtitle2
+                                  .override(
+                                    fontFamily: 'Poppins',
+                                    color: Colors.white,
+                                  ),
+                              borderSide: BorderSide(
+                                color: Colors.transparent,
+                                width: 1,
+                              ),
+                              borderRadius: 0,
+                            ),
+                          ),
+                        ),
+                        Expanded(
+                          child: StreamBuilder<List<TaskRecord>>(
+                            stream: queryTaskRecord(),
+                            builder: (context, snapshot) {
+                              // Customize what your widget looks like when it's loading.
+                              if (!snapshot.hasData) {
+                                return Center(
+                                  child: SizedBox(
+                                    width: 50,
+                                    height: 50,
+                                    child: CircularProgressIndicator(
+                                      color: FlutterFlowTheme.of(context)
+                                          .primaryColor,
+                                    ),
+                                  ),
+                                );
+                              }
+                              List<TaskRecord> gridViewTaskRecordList =
+                                  snapshot.data;
+                              if (gridViewTaskRecordList.isEmpty) {
+                                return Image.asset(
+                                  'assets/images/icon1.png',
+                                  width: MediaQuery.of(context).size.width,
+                                  height:
+                                      MediaQuery.of(context).size.height * 1,
+                                );
+                              }
+                              return GridView.builder(
+                                padding: EdgeInsets.zero,
+                                gridDelegate:
+                                    SliverGridDelegateWithFixedCrossAxisCount(
+                                  crossAxisCount: 4,
+                                  crossAxisSpacing: 10,
+                                  mainAxisSpacing: 10,
+                                  childAspectRatio: 1,
+                                ),
+                                scrollDirection: Axis.vertical,
+                                itemCount: gridViewTaskRecordList.length,
+                                itemBuilder: (context, gridViewIndex) {
+                                  final gridViewTaskRecord =
+                                      gridViewTaskRecordList[gridViewIndex];
+                                  return Padding(
+                                    padding: EdgeInsetsDirectional.fromSTEB(
+                                        10, 10, 5, 10),
+                                    child: Container(
+                                      width: 100,
+                                      height: 100,
+                                      decoration: BoxDecoration(
+                                        image: DecorationImage(
+                                          fit: BoxFit.cover,
+                                          image: Image.network(
+                                            gridViewTaskRecord.taskImage,
+                                          ).image,
+                                        ),
+                                      ),
+                                      child: Column(
+                                        mainAxisSize: MainAxisSize.max,
+                                        mainAxisAlignment:
+                                            MainAxisAlignment.spaceEvenly,
+                                        children: [
+                                          Align(
+                                            alignment:
+                                                AlignmentDirectional(0, 0),
+                                            child: Text(
+                                              gridViewTaskRecord.taskName,
+                                              style:
+                                                  FlutterFlowTheme.of(context)
+                                                      .bodyText1
+                                                      .override(
+                                                        fontFamily: 'Poppins',
+                                                        fontSize: 35,
+                                                      ),
+                                            ),
+                                          ),
+                                          Text(
+                                            gridViewTaskRecord.taskDes,
+                                            style: FlutterFlowTheme.of(context)
+                                                .bodyText1,
+                                          ),
+                                          Align(
+                                            alignment:
+                                                AlignmentDirectional(0, 0),
+                                            child: FFButtonWidget(
+                                              onPressed: () async {
+                                                var confirmDialogResponse =
+                                                    await showDialog<bool>(
+                                                          context: context,
+                                                          builder:
+                                                              (alertDialogContext) {
+                                                            return AlertDialog(
+                                                              title:
+                                                                  Text('Alert'),
+                                                              content: Text(
+                                                                  'Sure Delete?'),
+                                                              actions: [
+                                                                TextButton(
+                                                                  onPressed: () =>
+                                                                      Navigator.pop(
+                                                                          alertDialogContext,
+                                                                          false),
+                                                                  child: Text(
+                                                                      'Cancel'),
+                                                                ),
+                                                                TextButton(
+                                                                  onPressed: () =>
+                                                                      Navigator.pop(
+                                                                          alertDialogContext,
+                                                                          true),
+                                                                  child: Text(
+                                                                      'Confirm'),
+                                                                ),
+                                                              ],
+                                                            );
+                                                          },
+                                                        ) ??
+                                                        false;
+                                                if (confirmDialogResponse) {
+                                                  await gridViewTaskRecord
+                                                      .reference
+                                                      .delete();
+                                                }
+                                              },
+                                              text: 'Delete',
+                                              options: FFButtonOptions(
+                                                width: 130,
+                                                height: 40,
+                                                color:
+                                                    FlutterFlowTheme.of(context)
+                                                        .alternate,
+                                                textStyle:
+                                                    FlutterFlowTheme.of(context)
+                                                        .subtitle2
+                                                        .override(
+                                                          fontFamily: 'Poppins',
+                                                          color: Colors.white,
+                                                        ),
+                                                borderSide: BorderSide(
+                                                  color: Colors.transparent,
+                                                  width: 1,
+                                                ),
+                                                borderRadius: 12,
+                                              ),
+                                            ),
+                                          ),
+                                        ],
+                                      ),
+                                    ),
+                                  );
+                                },
+                              );
+                            },
+                          ),
+                        ),
+                      ],
+                    ),
+                  ),
+                ],
+              ),
+            ],
+          ),
+        ),
+      ),
+    );
+  }
+}
diff --git a/roster_management_system/lib/my_roster_page/my_roster_page_widget.dart b/roster_management_system/lib/my_roster_page/my_roster_page_widget.dart
new file mode 100644
index 0000000..bb37e72
--- /dev/null
+++ b/roster_management_system/lib/my_roster_page/my_roster_page_widget.dart
@@ -0,0 +1,791 @@
+import '../auth/auth_util.dart';
+import '../backend/backend.dart';
+import '../clock_in_out_page/clock_in_out_page_widget.dart';
+import '../flutter_flow/flutter_flow_theme.dart';
+import '../flutter_flow/flutter_flow_util.dart';
+import '../flutter_flow/flutter_flow_widgets.dart';
+import '../home_page/home_page_widget.dart';
+import '../my_training_page/my_training_page_widget.dart';
+import '../work_market_page/work_market_page_widget.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter/scheduler.dart';
+import 'package:google_fonts/google_fonts.dart';
+
+class MyRosterPageWidget extends StatefulWidget {
+  const MyRosterPageWidget({
+    Key key,
+    this.dsadsa,
+  }) : super(key: key);
+
+  final String dsadsa;
+
+  @override
+  _MyRosterPageWidgetState createState() => _MyRosterPageWidgetState();
+}
+
+class _MyRosterPageWidgetState extends State<MyRosterPageWidget> {
+  final scaffoldKey = GlobalKey<ScaffoldState>();
+
+  @override
+  void initState() {
+    super.initState();
+    // On page load action.
+    SchedulerBinding.instance?.addPostFrameCallback((_) async {
+      setState(() => FFAppState().MenuShow = false);
+    });
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      key: scaffoldKey,
+      backgroundColor: FlutterFlowTheme.of(context).primaryBackground,
+      body: SafeArea(
+        child: GestureDetector(
+          onTap: () => FocusScope.of(context).unfocus(),
+          child: Column(
+            mainAxisSize: MainAxisSize.max,
+            crossAxisAlignment: CrossAxisAlignment.stretch,
+            children: [
+              Row(
+                mainAxisSize: MainAxisSize.max,
+                children: [
+                  Expanded(
+                    child: Container(
+                      width: MediaQuery.of(context).size.width * 0.05,
+                      height: 100,
+                      decoration: BoxDecoration(
+                        color: FlutterFlowTheme.of(context).primaryColor,
+                      ),
+                      child: FFButtonWidget(
+                        onPressed: () async {
+                          if (FFAppState().MenuShow) {
+                            setState(() => FFAppState().MenuShow = false);
+                            return;
+                          } else {
+                            setState(() => FFAppState().MenuShow = true);
+                            return;
+                          }
+                        },
+                        text: '',
+                        icon: Icon(
+                          Icons.menu,
+                          size: 15,
+                        ),
+                        options: FFButtonOptions(
+                          width: 130,
+                          height: 40,
+                          color: FlutterFlowTheme.of(context).primaryColor,
+                          textStyle:
+                              FlutterFlowTheme.of(context).subtitle2.override(
+                                    fontFamily: 'Poppins',
+                                    color: Colors.white,
+                                  ),
+                          borderSide: BorderSide(
+                            color: Colors.transparent,
+                            width: 1,
+                          ),
+                          borderRadius: 12,
+                        ),
+                      ),
+                    ),
+                  ),
+                  Container(
+                    width: MediaQuery.of(context).size.width * 0.95,
+                    height: 100,
+                    constraints: BoxConstraints(
+                      maxHeight: MediaQuery.of(context).size.height * 0.2,
+                    ),
+                    decoration: BoxDecoration(
+                      color: FlutterFlowTheme.of(context).primaryColor,
+                    ),
+                    child: Align(
+                      alignment: AlignmentDirectional(0, 0),
+                      child: Text(
+                        'My Roster',
+                        style: FlutterFlowTheme.of(context).title1.override(
+                              fontFamily: 'Dancing Script',
+                              fontSize: 50,
+                            ),
+                      ),
+                    ),
+                  ),
+                ],
+              ),
+              Row(
+                mainAxisSize: MainAxisSize.max,
+                children: [
+                  if (FFAppState().MenuShow ?? true)
+                    Container(
+                      width: MediaQuery.of(context).size.width * 0.4,
+                      height: MediaQuery.of(context).size.height * 1,
+                      decoration: BoxDecoration(
+                        color: FlutterFlowTheme.of(context).primaryColor,
+                      ),
+                      child: Column(
+                        mainAxisSize: MainAxisSize.max,
+                        mainAxisAlignment: MainAxisAlignment.spaceBetween,
+                        crossAxisAlignment: CrossAxisAlignment.stretch,
+                        children: [
+                          Column(
+                            mainAxisSize: MainAxisSize.max,
+                            mainAxisAlignment: MainAxisAlignment.start,
+                            crossAxisAlignment: CrossAxisAlignment.stretch,
+                            children: [
+                              Text(
+                                'MENU',
+                                textAlign: TextAlign.center,
+                                style: FlutterFlowTheme.of(context)
+                                    .bodyText1
+                                    .override(
+                                      fontFamily: 'Poppins',
+                                      color: Colors.white,
+                                      fontSize: 100,
+                                    ),
+                              ),
+                              FFButtonWidget(
+                                onPressed: () {
+                                  print('Button pressed ...');
+                                },
+                                text: 'My Roster',
+                                options: FFButtonOptions(
+                                  width: 130,
+                                  height: 75,
+                                  color: Color(0xFF7567F8),
+                                  textStyle: FlutterFlowTheme.of(context)
+                                      .subtitle2
+                                      .override(
+                                        fontFamily: 'Poppins',
+                                        color: Colors.white,
+                                        fontSize: 75,
+                                      ),
+                                  borderSide: BorderSide(
+                                    color: Colors.transparent,
+                                    width: 1,
+                                  ),
+                                  borderRadius: 12,
+                                ),
+                              ),
+                              FFButtonWidget(
+                                onPressed: () async {
+                                  await Navigator.push(
+                                    context,
+                                    MaterialPageRoute(
+                                      builder: (context) =>
+                                          ClockInOutPageWidget(),
+                                    ),
+                                  );
+                                },
+                                text: 'Clock In/Out',
+                                options: FFButtonOptions(
+                                  width: 130,
+                                  height: 75,
+                                  color:
+                                      FlutterFlowTheme.of(context).primaryColor,
+                                  textStyle: FlutterFlowTheme.of(context)
+                                      .subtitle2
+                                      .override(
+                                        fontFamily: 'Poppins',
+                                        color: Colors.white,
+                                        fontSize: 75,
+                                      ),
+                                  borderSide: BorderSide(
+                                    color: Colors.transparent,
+                                    width: 1,
+                                  ),
+                                  borderRadius: 12,
+                                ),
+                              ),
+                              FFButtonWidget(
+                                onPressed: () async {
+                                  await Navigator.push(
+                                    context,
+                                    MaterialPageRoute(
+                                      builder: (context) =>
+                                          MyTrainingPageWidget(),
+                                    ),
+                                  );
+                                },
+                                text: 'My Training',
+                                options: FFButtonOptions(
+                                  width: 130,
+                                  height: 75,
+                                  color:
+                                      FlutterFlowTheme.of(context).primaryColor,
+                                  textStyle: FlutterFlowTheme.of(context)
+                                      .subtitle2
+                                      .override(
+                                        fontFamily: 'Poppins',
+                                        color: Colors.white,
+                                        fontSize: 75,
+                                      ),
+                                  borderSide: BorderSide(
+                                    color: Colors.transparent,
+                                    width: 1,
+                                  ),
+                                  borderRadius: 12,
+                                ),
+                              ),
+                              FFButtonWidget(
+                                onPressed: () async {
+                                  await Navigator.push(
+                                    context,
+                                    MaterialPageRoute(
+                                      builder: (context) =>
+                                          WorkMarketPageWidget(),
+                                    ),
+                                  );
+                                },
+                                text: 'Work Market',
+                                options: FFButtonOptions(
+                                  width: 130,
+                                  height: 75,
+                                  color:
+                                      FlutterFlowTheme.of(context).primaryColor,
+                                  textStyle: FlutterFlowTheme.of(context)
+                                      .subtitle2
+                                      .override(
+                                        fontFamily: 'Poppins',
+                                        color: Colors.white,
+                                        fontSize: 75,
+                                      ),
+                                  borderSide: BorderSide(
+                                    color: Colors.transparent,
+                                    width: 1,
+                                  ),
+                                  borderRadius: 12,
+                                ),
+                              ),
+                              FFButtonWidget(
+                                onPressed: () async {
+                                  await signOut();
+                                  await Navigator.pushAndRemoveUntil(
+                                    context,
+                                    MaterialPageRoute(
+                                      builder: (context) => HomePageWidget(),
+                                    ),
+                                    (r) => false,
+                                  );
+                                },
+                                text: 'LogOut',
+                                options: FFButtonOptions(
+                                  width: 130,
+                                  height: 75,
+                                  color: FlutterFlowTheme.of(context).alternate,
+                                  textStyle: FlutterFlowTheme.of(context)
+                                      .subtitle2
+                                      .override(
+                                        fontFamily: 'Poppins',
+                                        color: Colors.white,
+                                        fontSize: 75,
+                                      ),
+                                  borderSide: BorderSide(
+                                    color: Colors.transparent,
+                                    width: 1,
+                                  ),
+                                  borderRadius: 12,
+                                ),
+                              ),
+                            ],
+                          ),
+                        ],
+                      ),
+                    ),
+                  Expanded(
+                    child: Container(
+                      width: MediaQuery.of(context).size.width * 0.6,
+                      height: MediaQuery.of(context).size.height * 1,
+                      decoration: BoxDecoration(
+                        color: Color(0xFFEEEEEE),
+                      ),
+                      child: Column(
+                        mainAxisSize: MainAxisSize.max,
+                        children: [
+                          Container(
+                            width: MediaQuery.of(context).size.width,
+                            height: MediaQuery.of(context).size.height * 0.35,
+                            decoration: BoxDecoration(
+                              color: Color(0xFFEEEEEE),
+                            ),
+                            child: Column(
+                              mainAxisSize: MainAxisSize.max,
+                              children: [
+                                Expanded(
+                                  child: Row(
+                                    mainAxisSize: MainAxisSize.max,
+                                    children: [
+                                      Container(
+                                        width:
+                                            MediaQuery.of(context).size.width *
+                                                0.15,
+                                        height:
+                                            MediaQuery.of(context).size.height *
+                                                1,
+                                        decoration: BoxDecoration(
+                                          color: Color(0xFFEEEEEE),
+                                        ),
+                                        child: Column(
+                                          mainAxisSize: MainAxisSize.max,
+                                          mainAxisAlignment:
+                                              MainAxisAlignment.spaceEvenly,
+                                          children: [
+                                            Text(
+                                              '',
+                                              style:
+                                                  FlutterFlowTheme.of(context)
+                                                      .bodyText1
+                                                      .override(
+                                                        fontFamily: 'Poppins',
+                                                        fontSize: 30,
+                                                      ),
+                                            ),
+                                            Text(
+                                              'Clock in',
+                                              style:
+                                                  FlutterFlowTheme.of(context)
+                                                      .bodyText1
+                                                      .override(
+                                                        fontFamily: 'Poppins',
+                                                        fontSize: 30,
+                                                      ),
+                                            ),
+                                            Text(
+                                              'Clock out',
+                                              style:
+                                                  FlutterFlowTheme.of(context)
+                                                      .bodyText1
+                                                      .override(
+                                                        fontFamily: 'Poppins',
+                                                        fontSize: 30,
+                                                      ),
+                                            ),
+                                          ],
+                                        ),
+                                      ),
+                                      Expanded(
+                                        child: StreamBuilder<
+                                            List<AvaliableWeekdayRecord>>(
+                                          stream: queryAvaliableWeekdayRecord(
+                                            parent: currentUserReference,
+                                            queryBuilder:
+                                                (avaliableWeekdayRecord) =>
+                                                    avaliableWeekdayRecord
+                                                        .orderBy('Date'),
+                                          ),
+                                          builder: (context, snapshot) {
+                                            // Customize what your widget looks like when it's loading.
+                                            if (!snapshot.hasData) {
+                                              return Center(
+                                                child: SizedBox(
+                                                  width: 50,
+                                                  height: 50,
+                                                  child:
+                                                      CircularProgressIndicator(
+                                                    color: FlutterFlowTheme.of(
+                                                            context)
+                                                        .primaryColor,
+                                                  ),
+                                                ),
+                                              );
+                                            }
+                                            List<AvaliableWeekdayRecord>
+                                                listViewAvaliableWeekdayRecordList =
+                                                snapshot.data;
+                                            return ListView.builder(
+                                              padding: EdgeInsets.zero,
+                                              primary: false,
+                                              scrollDirection: Axis.horizontal,
+                                              itemCount:
+                                                  listViewAvaliableWeekdayRecordList
+                                                      .length,
+                                              itemBuilder:
+                                                  (context, listViewIndex) {
+                                                final listViewAvaliableWeekdayRecord =
+                                                    listViewAvaliableWeekdayRecordList[
+                                                        listViewIndex];
+                                                return Column(
+                                                  mainAxisSize:
+                                                      MainAxisSize.max,
+                                                  mainAxisAlignment:
+                                                      MainAxisAlignment
+                                                          .spaceEvenly,
+                                                  children: [
+                                                    Text(
+                                                      valueOrDefault<String>(
+                                                        listViewAvaliableWeekdayRecord
+                                                            .date,
+                                                        'None',
+                                                      ),
+                                                      style:
+                                                          FlutterFlowTheme.of(
+                                                                  context)
+                                                              .bodyText1
+                                                              .override(
+                                                                fontFamily:
+                                                                    'Poppins',
+                                                                fontSize: 30,
+                                                              ),
+                                                    ),
+                                                    Text(
+                                                      valueOrDefault<String>(
+                                                        dateTimeFormat(
+                                                            'Hm',
+                                                            listViewAvaliableWeekdayRecord
+                                                                .clockIn),
+                                                        'None',
+                                                      ),
+                                                      style:
+                                                          FlutterFlowTheme.of(
+                                                                  context)
+                                                              .bodyText1
+                                                              .override(
+                                                                fontFamily:
+                                                                    'Poppins',
+                                                                fontSize: 30,
+                                                              ),
+                                                    ),
+                                                    Text(
+                                                      valueOrDefault<String>(
+                                                        dateTimeFormat(
+                                                            'Hm',
+                                                            listViewAvaliableWeekdayRecord
+                                                                .clockOut),
+                                                        'none',
+                                                      ),
+                                                      style:
+                                                          FlutterFlowTheme.of(
+                                                                  context)
+                                                              .bodyText1
+                                                              .override(
+                                                                fontFamily:
+                                                                    'Poppins',
+                                                                fontSize: 30,
+                                                              ),
+                                                    ),
+                                                  ],
+                                                );
+                                              },
+                                            );
+                                          },
+                                        ),
+                                      ),
+                                    ],
+                                  ),
+                                ),
+                              ],
+                            ),
+                          ),
+                          Row(
+                            mainAxisSize: MainAxisSize.max,
+                            mainAxisAlignment: MainAxisAlignment.start,
+                            children: [
+                              Padding(
+                                padding:
+                                    EdgeInsetsDirectional.fromSTEB(50, 0, 0, 0),
+                                child: Text(
+                                  'My Task List:',
+                                  style: FlutterFlowTheme.of(context)
+                                      .bodyText1
+                                      .override(
+                                        fontFamily: 'Poppins',
+                                        fontSize: 35,
+                                      ),
+                                ),
+                              ),
+                            ],
+                          ),
+                          Expanded(
+                            child: Container(
+                              width: MediaQuery.of(context).size.width,
+                              height: 100,
+                              decoration: BoxDecoration(
+                                color: Color(0xFFEEEEEE),
+                              ),
+                              child: Column(
+                                mainAxisSize: MainAxisSize.max,
+                                children: [
+                                  Row(
+                                    mainAxisSize: MainAxisSize.max,
+                                    mainAxisAlignment:
+                                        MainAxisAlignment.spaceEvenly,
+                                    children: [
+                                      Container(
+                                        width:
+                                            MediaQuery.of(context).size.width *
+                                                0.08,
+                                        height: 100,
+                                        decoration: BoxDecoration(
+                                          color: Color(0xFFEEEEEE),
+                                        ),
+                                        child: Row(
+                                          mainAxisSize: MainAxisSize.max,
+                                          mainAxisAlignment:
+                                              MainAxisAlignment.spaceEvenly,
+                                          children: [
+                                            Text(
+                                              'NO',
+                                              style:
+                                                  FlutterFlowTheme.of(context)
+                                                      .bodyText1
+                                                      .override(
+                                                        fontFamily: 'Poppins',
+                                                        fontSize: 35,
+                                                      ),
+                                            ),
+                                          ],
+                                        ),
+                                      ),
+                                      Expanded(
+                                        child: Container(
+                                          width: MediaQuery.of(context)
+                                                  .size
+                                                  .width *
+                                              0.92,
+                                          height: 100,
+                                          decoration: BoxDecoration(
+                                            color: Color(0xFFEEEEEE),
+                                          ),
+                                          child: Row(
+                                            mainAxisSize: MainAxisSize.max,
+                                            mainAxisAlignment:
+                                                MainAxisAlignment.spaceEvenly,
+                                            children: [
+                                              Text(
+                                                'Task Name',
+                                                style:
+                                                    FlutterFlowTheme.of(context)
+                                                        .bodyText1
+                                                        .override(
+                                                          fontFamily: 'Poppins',
+                                                          fontSize: 35,
+                                                        ),
+                                              ),
+                                              Text(
+                                                'Start date',
+                                                style:
+                                                    FlutterFlowTheme.of(context)
+                                                        .bodyText1
+                                                        .override(
+                                                          fontFamily: 'Poppins',
+                                                          fontSize: 35,
+                                                        ),
+                                              ),
+                                              Text(
+                                                'End date',
+                                                style:
+                                                    FlutterFlowTheme.of(context)
+                                                        .bodyText1
+                                                        .override(
+                                                          fontFamily: 'Poppins',
+                                                          fontSize: 35,
+                                                        ),
+                                              ),
+                                              Text(
+                                                'State',
+                                                style:
+                                                    FlutterFlowTheme.of(context)
+                                                        .bodyText1
+                                                        .override(
+                                                          fontFamily: 'Poppins',
+                                                          fontSize: 35,
+                                                        ),
+                                              ),
+                                            ],
+                                          ),
+                                        ),
+                                      ),
+                                    ],
+                                  ),
+                                  Expanded(
+                                    child:
+                                        StreamBuilder<List<TaskChoosedRecord>>(
+                                      stream: queryTaskChoosedRecord(),
+                                      builder: (context, snapshot) {
+                                        // Customize what your widget looks like when it's loading.
+                                        if (!snapshot.hasData) {
+                                          return Center(
+                                            child: SizedBox(
+                                              width: 50,
+                                              height: 50,
+                                              child: CircularProgressIndicator(
+                                                color:
+                                                    FlutterFlowTheme.of(context)
+                                                        .primaryColor,
+                                              ),
+                                            ),
+                                          );
+                                        }
+                                        List<TaskChoosedRecord>
+                                            listViewTaskChoosedRecordList =
+                                            snapshot.data;
+                                        return ListView.builder(
+                                          padding: EdgeInsets.zero,
+                                          scrollDirection: Axis.vertical,
+                                          itemCount:
+                                              listViewTaskChoosedRecordList
+                                                  .length,
+                                          itemBuilder:
+                                              (context, listViewIndex) {
+                                            final listViewTaskChoosedRecord =
+                                                listViewTaskChoosedRecordList[
+                                                    listViewIndex];
+                                            return Container(
+                                              width: 100,
+                                              height: 100,
+                                              decoration: BoxDecoration(
+                                                color: Color(0xFFEEEEEE),
+                                              ),
+                                              child: Row(
+                                                mainAxisSize: MainAxisSize.max,
+                                                mainAxisAlignment:
+                                                    MainAxisAlignment
+                                                        .spaceEvenly,
+                                                children: [
+                                                  Container(
+                                                    width:
+                                                        MediaQuery.of(context)
+                                                                .size
+                                                                .width *
+                                                            0.08,
+                                                    height: 100,
+                                                    decoration: BoxDecoration(
+                                                      color: Color(0xFFEEEEEE),
+                                                    ),
+                                                    child: Row(
+                                                      mainAxisSize:
+                                                          MainAxisSize.max,
+                                                      mainAxisAlignment:
+                                                          MainAxisAlignment
+                                                              .spaceEvenly,
+                                                      children: [
+                                                        Text(
+                                                          listViewIndex
+                                                              .toString(),
+                                                          style: FlutterFlowTheme
+                                                                  .of(context)
+                                                              .bodyText1
+                                                              .override(
+                                                                fontFamily:
+                                                                    'Poppins',
+                                                                fontSize: 35,
+                                                              ),
+                                                        ),
+                                                      ],
+                                                    ),
+                                                  ),
+                                                  Expanded(
+                                                    child: Container(
+                                                      width:
+                                                          MediaQuery.of(context)
+                                                                  .size
+                                                                  .width *
+                                                              0.92,
+                                                      height: 100,
+                                                      decoration: BoxDecoration(
+                                                        color:
+                                                            Color(0xFFEEEEEE),
+                                                      ),
+                                                      child: Row(
+                                                        mainAxisSize:
+                                                            MainAxisSize.max,
+                                                        mainAxisAlignment:
+                                                            MainAxisAlignment
+                                                                .spaceEvenly,
+                                                        children: [
+                                                          Text(
+                                                            valueOrDefault<
+                                                                String>(
+                                                              listViewTaskChoosedRecord
+                                                                  .taskName,
+                                                              'None',
+                                                            ),
+                                                            style: FlutterFlowTheme
+                                                                    .of(context)
+                                                                .bodyText1
+                                                                .override(
+                                                                  fontFamily:
+                                                                      'Poppins',
+                                                                  fontSize: 35,
+                                                                ),
+                                                          ),
+                                                          Text(
+                                                            valueOrDefault<
+                                                                String>(
+                                                              dateTimeFormat(
+                                                                  'yMMMd',
+                                                                  listViewTaskChoosedRecord
+                                                                      .startDate),
+                                                              'None',
+                                                            ),
+                                                            style: FlutterFlowTheme
+                                                                    .of(context)
+                                                                .bodyText1
+                                                                .override(
+                                                                  fontFamily:
+                                                                      'Poppins',
+                                                                  fontSize: 35,
+                                                                ),
+                                                          ),
+                                                          Text(
+                                                            valueOrDefault<
+                                                                String>(
+                                                              dateTimeFormat(
+                                                                  'yMMMd',
+                                                                  listViewTaskChoosedRecord
+                                                                      .endDate),
+                                                              'None',
+                                                            ),
+                                                            style: FlutterFlowTheme
+                                                                    .of(context)
+                                                                .bodyText1
+                                                                .override(
+                                                                  fontFamily:
+                                                                      'Poppins',
+                                                                  fontSize: 35,
+                                                                ),
+                                                          ),
+                                                          Text(
+                                                            valueOrDefault<
+                                                                String>(
+                                                              listViewTaskChoosedRecord
+                                                                  .state,
+                                                              'in progress',
+                                                            ),
+                                                            style: FlutterFlowTheme
+                                                                    .of(context)
+                                                                .bodyText1
+                                                                .override(
+                                                                  fontFamily:
+                                                                      'Poppins',
+                                                                  fontSize: 35,
+                                                                ),
+                                                          ),
+                                                        ],
+                                                      ),
+                                                    ),
+                                                  ),
+                                                ],
+                                              ),
+                                            );
+                                          },
+                                        );
+                                      },
+                                    ),
+                                  ),
+                                ],
+                              ),
+                            ),
+                          ),
+                        ],
+                      ),
+                    ),
+                  ),
+                ],
+              ),
+            ],
+          ),
+        ),
+      ),
+    );
+  }
+}
diff --git a/roster_management_system/lib/my_training_page/my_training_page_widget.dart b/roster_management_system/lib/my_training_page/my_training_page_widget.dart
new file mode 100644
index 0000000..e44a98a
--- /dev/null
+++ b/roster_management_system/lib/my_training_page/my_training_page_widget.dart
@@ -0,0 +1,371 @@
+import '../auth/auth_util.dart';
+import '../backend/backend.dart';
+import '../clock_in_out_page/clock_in_out_page_widget.dart';
+import '../flutter_flow/flutter_flow_theme.dart';
+import '../flutter_flow/flutter_flow_util.dart';
+import '../flutter_flow/flutter_flow_widgets.dart';
+import '../flutter_flow/flutter_flow_youtube_player.dart';
+import '../home_page/home_page_widget.dart';
+import '../my_roster_page/my_roster_page_widget.dart';
+import '../work_market_page/work_market_page_widget.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter/scheduler.dart';
+import 'package:google_fonts/google_fonts.dart';
+
+class MyTrainingPageWidget extends StatefulWidget {
+  const MyTrainingPageWidget({Key key}) : super(key: key);
+
+  @override
+  _MyTrainingPageWidgetState createState() => _MyTrainingPageWidgetState();
+}
+
+class _MyTrainingPageWidgetState extends State<MyTrainingPageWidget> {
+  final scaffoldKey = GlobalKey<ScaffoldState>();
+
+  @override
+  void initState() {
+    super.initState();
+    // On page load action.
+    SchedulerBinding.instance?.addPostFrameCallback((_) async {
+      setState(() => FFAppState().MenuShow = false);
+    });
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      key: scaffoldKey,
+      backgroundColor: FlutterFlowTheme.of(context).primaryBackground,
+      body: SafeArea(
+        child: GestureDetector(
+          onTap: () => FocusScope.of(context).unfocus(),
+          child: Column(
+            mainAxisSize: MainAxisSize.max,
+            crossAxisAlignment: CrossAxisAlignment.stretch,
+            children: [
+              Row(
+                mainAxisSize: MainAxisSize.max,
+                children: [
+                  Expanded(
+                    child: Container(
+                      width: MediaQuery.of(context).size.width * 0.05,
+                      height: 100,
+                      decoration: BoxDecoration(
+                        color: FlutterFlowTheme.of(context).primaryColor,
+                      ),
+                      child: FFButtonWidget(
+                        onPressed: () async {
+                          if (FFAppState().MenuShow) {
+                            setState(() => FFAppState().MenuShow = false);
+                            return;
+                          } else {
+                            setState(() => FFAppState().MenuShow = true);
+                            return;
+                          }
+                        },
+                        text: '',
+                        icon: Icon(
+                          Icons.menu,
+                          size: 15,
+                        ),
+                        options: FFButtonOptions(
+                          width: 130,
+                          height: 40,
+                          color: FlutterFlowTheme.of(context).primaryColor,
+                          textStyle:
+                              FlutterFlowTheme.of(context).subtitle2.override(
+                                    fontFamily: 'Poppins',
+                                    color: Colors.white,
+                                  ),
+                          borderSide: BorderSide(
+                            color: Colors.transparent,
+                            width: 1,
+                          ),
+                          borderRadius: 12,
+                        ),
+                      ),
+                    ),
+                  ),
+                  Container(
+                    width: MediaQuery.of(context).size.width * 0.95,
+                    height: 100,
+                    constraints: BoxConstraints(
+                      maxHeight: MediaQuery.of(context).size.height * 0.2,
+                    ),
+                    decoration: BoxDecoration(
+                      color: FlutterFlowTheme.of(context).primaryColor,
+                    ),
+                    child: Align(
+                      alignment: AlignmentDirectional(0, 0),
+                      child: Text(
+                        'My Training',
+                        style: FlutterFlowTheme.of(context).title1.override(
+                              fontFamily: 'Dancing Script',
+                              fontSize: 50,
+                            ),
+                      ),
+                    ),
+                  ),
+                ],
+              ),
+              Row(
+                mainAxisSize: MainAxisSize.max,
+                children: [
+                  if (((FFAppState().MenuShow) == true) ||
+                      responsiveVisibility(
+                        context: context,
+                        desktop: false,
+                      ))
+                    Container(
+                      width: MediaQuery.of(context).size.width * 0.4,
+                      height: MediaQuery.of(context).size.height * 1,
+                      decoration: BoxDecoration(
+                        color: FlutterFlowTheme.of(context).primaryColor,
+                      ),
+                      child: Column(
+                        mainAxisSize: MainAxisSize.max,
+                        mainAxisAlignment: MainAxisAlignment.spaceBetween,
+                        crossAxisAlignment: CrossAxisAlignment.stretch,
+                        children: [
+                          Column(
+                            mainAxisSize: MainAxisSize.max,
+                            mainAxisAlignment: MainAxisAlignment.start,
+                            crossAxisAlignment: CrossAxisAlignment.stretch,
+                            children: [
+                              Text(
+                                'MENU',
+                                textAlign: TextAlign.center,
+                                style: FlutterFlowTheme.of(context)
+                                    .bodyText1
+                                    .override(
+                                      fontFamily: 'Poppins',
+                                      color: Colors.white,
+                                      fontSize: 100,
+                                    ),
+                              ),
+                              FFButtonWidget(
+                                onPressed: () async {
+                                  await Navigator.push(
+                                    context,
+                                    PageTransition(
+                                      type: PageTransitionType.fade,
+                                      duration: Duration(milliseconds: 0),
+                                      reverseDuration:
+                                          Duration(milliseconds: 0),
+                                      child: MyRosterPageWidget(),
+                                    ),
+                                  );
+                                },
+                                text: 'My Roster',
+                                options: FFButtonOptions(
+                                  width: 130,
+                                  height: 75,
+                                  color:
+                                      FlutterFlowTheme.of(context).primaryColor,
+                                  textStyle: FlutterFlowTheme.of(context)
+                                      .subtitle2
+                                      .override(
+                                        fontFamily: 'Poppins',
+                                        color: Colors.white,
+                                        fontSize: 75,
+                                      ),
+                                  borderSide: BorderSide(
+                                    color: Colors.transparent,
+                                    width: 1,
+                                  ),
+                                  borderRadius: 12,
+                                ),
+                              ),
+                              FFButtonWidget(
+                                onPressed: () async {
+                                  await Navigator.pushAndRemoveUntil(
+                                    context,
+                                    MaterialPageRoute(
+                                      builder: (context) =>
+                                          ClockInOutPageWidget(),
+                                    ),
+                                    (r) => false,
+                                  );
+                                },
+                                text: 'Clock In/Out',
+                                options: FFButtonOptions(
+                                  width: 130,
+                                  height: 75,
+                                  color:
+                                      FlutterFlowTheme.of(context).primaryColor,
+                                  textStyle: FlutterFlowTheme.of(context)
+                                      .subtitle2
+                                      .override(
+                                        fontFamily: 'Poppins',
+                                        color: Colors.white,
+                                        fontSize: 75,
+                                      ),
+                                  borderSide: BorderSide(
+                                    color: Colors.transparent,
+                                    width: 1,
+                                  ),
+                                  borderRadius: 12,
+                                ),
+                              ),
+                              FFButtonWidget(
+                                onPressed: () {
+                                  print('Button pressed ...');
+                                },
+                                text: 'My Training',
+                                options: FFButtonOptions(
+                                  width: 130,
+                                  height: 75,
+                                  color: Color(0xFF7567F8),
+                                  textStyle: FlutterFlowTheme.of(context)
+                                      .subtitle2
+                                      .override(
+                                        fontFamily: 'Poppins',
+                                        color: Colors.white,
+                                        fontSize: 75,
+                                      ),
+                                  borderSide: BorderSide(
+                                    color: Colors.transparent,
+                                    width: 1,
+                                  ),
+                                  borderRadius: 12,
+                                ),
+                              ),
+                              FFButtonWidget(
+                                onPressed: () async {
+                                  await Navigator.pushAndRemoveUntil(
+                                    context,
+                                    MaterialPageRoute(
+                                      builder: (context) =>
+                                          WorkMarketPageWidget(),
+                                    ),
+                                    (r) => false,
+                                  );
+                                },
+                                text: 'Work Market',
+                                options: FFButtonOptions(
+                                  width: 130,
+                                  height: 75,
+                                  color:
+                                      FlutterFlowTheme.of(context).primaryColor,
+                                  textStyle: FlutterFlowTheme.of(context)
+                                      .subtitle2
+                                      .override(
+                                        fontFamily: 'Poppins',
+                                        color: Colors.white,
+                                        fontSize: 75,
+                                      ),
+                                  borderSide: BorderSide(
+                                    color: Colors.transparent,
+                                    width: 1,
+                                  ),
+                                  borderRadius: 12,
+                                ),
+                              ),
+                              FFButtonWidget(
+                                onPressed: () async {
+                                  await signOut();
+                                  await Navigator.pushAndRemoveUntil(
+                                    context,
+                                    MaterialPageRoute(
+                                      builder: (context) => HomePageWidget(),
+                                    ),
+                                    (r) => false,
+                                  );
+                                },
+                                text: 'LogOut',
+                                options: FFButtonOptions(
+                                  width: 130,
+                                  height: 75,
+                                  color: FlutterFlowTheme.of(context).alternate,
+                                  textStyle: FlutterFlowTheme.of(context)
+                                      .subtitle2
+                                      .override(
+                                        fontFamily: 'Poppins',
+                                        color: Colors.white,
+                                        fontSize: 75,
+                                      ),
+                                  borderSide: BorderSide(
+                                    color: Colors.transparent,
+                                    width: 1,
+                                  ),
+                                  borderRadius: 12,
+                                ),
+                              ),
+                            ],
+                          ),
+                        ],
+                      ),
+                    ),
+                  Container(
+                    width: MediaQuery.of(context).size.width,
+                    height: MediaQuery.of(context).size.height * 1,
+                    decoration: BoxDecoration(
+                      color: Color(0xFFEEEEEE),
+                    ),
+                    child: StreamBuilder<List<TrainRecord>>(
+                      stream: queryTrainRecord(),
+                      builder: (context, snapshot) {
+                        // Customize what your widget looks like when it's loading.
+                        if (!snapshot.hasData) {
+                          return Center(
+                            child: SizedBox(
+                              width: 50,
+                              height: 50,
+                              child: CircularProgressIndicator(
+                                color:
+                                    FlutterFlowTheme.of(context).primaryColor,
+                              ),
+                            ),
+                          );
+                        }
+                        List<TrainRecord> gridViewTrainRecordList =
+                            snapshot.data;
+                        return GridView.builder(
+                          padding: EdgeInsets.zero,
+                          gridDelegate:
+                              SliverGridDelegateWithFixedCrossAxisCount(
+                            crossAxisCount: 4,
+                            crossAxisSpacing: 10,
+                            mainAxisSpacing: 10,
+                            childAspectRatio: 1,
+                          ),
+                          scrollDirection: Axis.vertical,
+                          itemCount: gridViewTrainRecordList.length,
+                          itemBuilder: (context, gridViewIndex) {
+                            final gridViewTrainRecord =
+                                gridViewTrainRecordList[gridViewIndex];
+                            return Column(
+                              mainAxisSize: MainAxisSize.max,
+                              mainAxisAlignment: MainAxisAlignment.spaceEvenly,
+                              children: [
+                                FlutterFlowYoutubePlayer(
+                                  url: gridViewTrainRecord.path,
+                                  width:
+                                      MediaQuery.of(context).size.width * 0.2,
+                                  height: 350,
+                                  autoPlay: false,
+                                  looping: true,
+                                  mute: false,
+                                  showControls: true,
+                                  showFullScreen: true,
+                                ),
+                                Text(
+                                  gridViewTrainRecord.trainName,
+                                  style: FlutterFlowTheme.of(context).bodyText1,
+                                ),
+                              ],
+                            );
+                          },
+                        );
+                      },
+                    ),
+                  ),
+                ],
+              ),
+            ],
+          ),
+        ),
+      ),
+    );
+  }
+}
diff --git a/roster_management_system/lib/register_page/register_page_widget.dart b/roster_management_system/lib/register_page/register_page_widget.dart
new file mode 100644
index 0000000..9a58940
--- /dev/null
+++ b/roster_management_system/lib/register_page/register_page_widget.dart
@@ -0,0 +1,360 @@
+import '../auth/auth_util.dart';
+import '../backend/backend.dart';
+import '../flutter_flow/flutter_flow_theme.dart';
+import '../flutter_flow/flutter_flow_util.dart';
+import '../flutter_flow/flutter_flow_widgets.dart';
+import '../main_page/main_page_widget.dart';
+import 'package:cloud_firestore/cloud_firestore.dart';
+import 'package:easy_debounce/easy_debounce.dart';
+import 'package:flutter/material.dart';
+import 'package:google_fonts/google_fonts.dart';
+
+class RegisterPageWidget extends StatefulWidget {
+  const RegisterPageWidget({Key key}) : super(key: key);
+
+  @override
+  _RegisterPageWidgetState createState() => _RegisterPageWidgetState();
+}
+
+class _RegisterPageWidgetState extends State<RegisterPageWidget> {
+  TextEditingController emailController;
+  TextEditingController passwordfieldController;
+  bool passwordfieldVisibility;
+  TextEditingController passwordfield2Controller;
+  bool passwordfield2Visibility;
+  final scaffoldKey = GlobalKey<ScaffoldState>();
+
+  @override
+  void initState() {
+    super.initState();
+    emailController = TextEditingController();
+    passwordfieldController = TextEditingController();
+    passwordfieldVisibility = false;
+    passwordfield2Controller = TextEditingController();
+    passwordfield2Visibility = false;
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      key: scaffoldKey,
+      backgroundColor: FlutterFlowTheme.of(context).primaryBackground,
+      body: SafeArea(
+        child: GestureDetector(
+          onTap: () => FocusScope.of(context).unfocus(),
+          child: Column(
+            mainAxisSize: MainAxisSize.max,
+            crossAxisAlignment: CrossAxisAlignment.stretch,
+            children: [
+              Container(
+                width: 100,
+                height: 100,
+                constraints: BoxConstraints(
+                  maxHeight: MediaQuery.of(context).size.height * 0.2,
+                ),
+                decoration: BoxDecoration(
+                  color: FlutterFlowTheme.of(context).primaryColor,
+                ),
+                child: Align(
+                  alignment: AlignmentDirectional(0, 0),
+                  child: Text(
+                    'Roster Management System',
+                    style: FlutterFlowTheme.of(context).title1.override(
+                          fontFamily: 'Dancing Script',
+                          fontSize: 50,
+                        ),
+                  ),
+                ),
+              ),
+              Expanded(
+                child: Container(
+                  width: 100,
+                  height: 100,
+                  decoration: BoxDecoration(
+                    color: Color(0xFFEEEEEE),
+                  ),
+                  child: Column(
+                    mainAxisSize: MainAxisSize.max,
+                    children: [
+                      Image.network(
+                        'https://storage.googleapis.com/flutterflow-io-6f20.appspot.com/projects/roster-management-system-ik6933/assets/i62vd4c6chh5/icon1.png',
+                        width: 100,
+                        height: 100,
+                        fit: BoxFit.cover,
+                      ),
+                      Expanded(
+                        child: Container(
+                          width: MediaQuery.of(context).size.width * 0.5,
+                          height: MediaQuery.of(context).size.height * 1,
+                          decoration: BoxDecoration(
+                            color: Color(0xFFEEEEEE),
+                          ),
+                          child: Column(
+                            mainAxisSize: MainAxisSize.max,
+                            children: [
+                              Align(
+                                alignment: AlignmentDirectional(-1, 0),
+                                child: Text(
+                                  'Email:',
+                                  textAlign: TextAlign.start,
+                                  style: FlutterFlowTheme.of(context)
+                                      .title1
+                                      .override(
+                                        fontFamily: 'Poppins',
+                                        fontSize: 50,
+                                      ),
+                                ),
+                              ),
+                              Row(
+                                mainAxisSize: MainAxisSize.max,
+                                mainAxisAlignment: MainAxisAlignment.center,
+                                children: [
+                                  Expanded(
+                                    child: TextFormField(
+                                      controller: emailController,
+                                      onChanged: (_) => EasyDebounce.debounce(
+                                        'emailController',
+                                        Duration(milliseconds: 2000),
+                                        () => setState(() {}),
+                                      ),
+                                      autofocus: true,
+                                      obscureText: false,
+                                      decoration: InputDecoration(
+                                        hintText: 'Email Address',
+                                        enabledBorder: UnderlineInputBorder(
+                                          borderSide: BorderSide(
+                                            color: Color(0x00000000),
+                                            width: 1,
+                                          ),
+                                          borderRadius: const BorderRadius.only(
+                                            topLeft: Radius.circular(4.0),
+                                            topRight: Radius.circular(4.0),
+                                          ),
+                                        ),
+                                        focusedBorder: UnderlineInputBorder(
+                                          borderSide: BorderSide(
+                                            color: Color(0x00000000),
+                                            width: 1,
+                                          ),
+                                          borderRadius: const BorderRadius.only(
+                                            topLeft: Radius.circular(4.0),
+                                            topRight: Radius.circular(4.0),
+                                          ),
+                                        ),
+                                      ),
+                                      style: FlutterFlowTheme.of(context)
+                                          .title1
+                                          .override(
+                                            fontFamily: 'Poppins',
+                                            fontSize: 50,
+                                          ),
+                                      keyboardType: TextInputType.emailAddress,
+                                    ),
+                                  ),
+                                ],
+                              ),
+                              Align(
+                                alignment: AlignmentDirectional(-1, 0),
+                                child: Text(
+                                  'Password:',
+                                  style: FlutterFlowTheme.of(context)
+                                      .title1
+                                      .override(
+                                        fontFamily: 'Poppins',
+                                        fontSize: 50,
+                                      ),
+                                ),
+                              ),
+                              TextFormField(
+                                controller: passwordfieldController,
+                                onChanged: (_) => EasyDebounce.debounce(
+                                  'passwordfieldController',
+                                  Duration(milliseconds: 2000),
+                                  () => setState(() {}),
+                                ),
+                                autofocus: true,
+                                obscureText: !passwordfieldVisibility,
+                                decoration: InputDecoration(
+                                  hintText: 'Enter you password',
+                                  enabledBorder: UnderlineInputBorder(
+                                    borderSide: BorderSide(
+                                      color: Color(0x00000000),
+                                      width: 1,
+                                    ),
+                                    borderRadius: const BorderRadius.only(
+                                      topLeft: Radius.circular(4.0),
+                                      topRight: Radius.circular(4.0),
+                                    ),
+                                  ),
+                                  focusedBorder: UnderlineInputBorder(
+                                    borderSide: BorderSide(
+                                      color: Color(0x00000000),
+                                      width: 1,
+                                    ),
+                                    borderRadius: const BorderRadius.only(
+                                      topLeft: Radius.circular(4.0),
+                                      topRight: Radius.circular(4.0),
+                                    ),
+                                  ),
+                                  suffixIcon: InkWell(
+                                    onTap: () => setState(
+                                      () => passwordfieldVisibility =
+                                          !passwordfieldVisibility,
+                                    ),
+                                    focusNode: FocusNode(skipTraversal: true),
+                                    child: Icon(
+                                      passwordfieldVisibility
+                                          ? Icons.visibility_outlined
+                                          : Icons.visibility_off_outlined,
+                                      color: Color(0xFF757575),
+                                      size: 22,
+                                    ),
+                                  ),
+                                ),
+                                style: FlutterFlowTheme.of(context)
+                                    .title1
+                                    .override(
+                                      fontFamily: 'Poppins',
+                                      fontSize: 50,
+                                    ),
+                                keyboardType: TextInputType.visiblePassword,
+                              ),
+                              Align(
+                                alignment: AlignmentDirectional(-1, 0),
+                                child: Text(
+                                  'Re-Password:',
+                                  style: FlutterFlowTheme.of(context)
+                                      .title1
+                                      .override(
+                                        fontFamily: 'Poppins',
+                                        fontSize: 50,
+                                      ),
+                                ),
+                              ),
+                              TextFormField(
+                                controller: passwordfield2Controller,
+                                onChanged: (_) => EasyDebounce.debounce(
+                                  'passwordfield2Controller',
+                                  Duration(milliseconds: 2000),
+                                  () => setState(() {}),
+                                ),
+                                autofocus: true,
+                                obscureText: !passwordfield2Visibility,
+                                decoration: InputDecoration(
+                                  hintText: 'Enter you password',
+                                  enabledBorder: UnderlineInputBorder(
+                                    borderSide: BorderSide(
+                                      color: Color(0x00000000),
+                                      width: 1,
+                                    ),
+                                    borderRadius: const BorderRadius.only(
+                                      topLeft: Radius.circular(4.0),
+                                      topRight: Radius.circular(4.0),
+                                    ),
+                                  ),
+                                  focusedBorder: UnderlineInputBorder(
+                                    borderSide: BorderSide(
+                                      color: Color(0x00000000),
+                                      width: 1,
+                                    ),
+                                    borderRadius: const BorderRadius.only(
+                                      topLeft: Radius.circular(4.0),
+                                      topRight: Radius.circular(4.0),
+                                    ),
+                                  ),
+                                  suffixIcon: InkWell(
+                                    onTap: () => setState(
+                                      () => passwordfield2Visibility =
+                                          !passwordfield2Visibility,
+                                    ),
+                                    focusNode: FocusNode(skipTraversal: true),
+                                    child: Icon(
+                                      passwordfield2Visibility
+                                          ? Icons.visibility_outlined
+                                          : Icons.visibility_off_outlined,
+                                      color: Color(0xFF757575),
+                                      size: 22,
+                                    ),
+                                  ),
+                                ),
+                                style: FlutterFlowTheme.of(context)
+                                    .title1
+                                    .override(
+                                      fontFamily: 'Poppins',
+                                      fontSize: 50,
+                                    ),
+                                keyboardType: TextInputType.visiblePassword,
+                              ),
+                              FFButtonWidget(
+                                onPressed: () async {
+                                  if (passwordfieldController?.text !=
+                                      passwordfield2Controller?.text) {
+                                    ScaffoldMessenger.of(context).showSnackBar(
+                                      SnackBar(
+                                        content: Text(
+                                          'Passwords don\'t match!',
+                                        ),
+                                      ),
+                                    );
+                                    return;
+                                  }
+
+                                  final user = await createAccountWithEmail(
+                                    context,
+                                    emailController.text,
+                                    passwordfieldController.text,
+                                  );
+                                  if (user == null) {
+                                    return;
+                                  }
+
+                                  final avaliableWeekdayCreateData =
+                                      createAvaliableWeekdayRecordData(
+                                    date: 'Monday',
+                                  );
+                                  await AvaliableWeekdayRecord.createDoc(
+                                          currentUserReference)
+                                      .set(avaliableWeekdayCreateData);
+                                  await Navigator.pushAndRemoveUntil(
+                                    context,
+                                    MaterialPageRoute(
+                                      builder: (context) => MainPageWidget(),
+                                    ),
+                                    (r) => false,
+                                  );
+                                },
+                                text: 'Register',
+                                options: FFButtonOptions(
+                                  width: double.infinity,
+                                  height: 60,
+                                  color:
+                                      FlutterFlowTheme.of(context).primaryColor,
+                                  textStyle: FlutterFlowTheme.of(context)
+                                      .subtitle2
+                                      .override(
+                                        fontFamily: 'Poppins',
+                                        color: Colors.white,
+                                        fontSize: 50,
+                                      ),
+                                  borderSide: BorderSide(
+                                    color: Colors.transparent,
+                                    width: 1,
+                                  ),
+                                  borderRadius: 12,
+                                ),
+                              ),
+                            ],
+                          ),
+                        ),
+                      ),
+                    ],
+                  ),
+                ),
+              ),
+            ],
+          ),
+        ),
+      ),
+    );
+  }
+}
diff --git a/roster_management_system/lib/screen/main.dart b/roster_management_system/lib/screen/main.dart
deleted file mode 100644
index c88dddd..0000000
--- a/roster_management_system/lib/screen/main.dart
+++ /dev/null
@@ -1,94 +0,0 @@
-import 'package:flutter/material.dart';
-
-void main() {
-  runApp(const MyApp());
-}
-
-class MyApp extends StatelessWidget {
-  const MyApp({Key? key}) : super(key: key);
-
-
-  @override
-  Widget build(BuildContext context) {
-    return MaterialApp(
-      title: 'Flutter Demo',
-      theme: ThemeData(
-        
-        primarySwatch: Colors.blue,
-      ),
-      home: const MyHomePage(title: 'Flutter Demo Home Page'),
-    );
-  }
-}
-
-class MyHomePage extends StatefulWidget {
-  const MyHomePage({Key? key, required this.title}) : super(key: key);
-
-  final String title;
-
-  @override
-  State<MyHomePage> createState() => _MyHomePageState();
-}
-
-class _MyHomePageState extends State<MyHomePage> {
-  int _counter = 0;
-
-  void _incrementCounter() {
-    setState(() {
-
-      _counter++;
-    });
-  }
-
-  @override
-  Widget build(BuildContext context) {
-    // This method is rerun every time setState is called, for instance as done
-    // by the _incrementCounter method above.
-    //
-    // The Flutter framework has been optimized to make rerunning build methods
-    // fast, so that you can just rebuild anything that needs updating rather
-    // than having to individually change instances of widgets.
-    return Scaffold(
-      appBar: AppBar(
-        // Here we take the value from the MyHomePage object that was created by
-        // the App.build method, and use it to set our appbar title.
-        title: Text(widget.title),
-      ),
-      body: Center(
-        // Center is a layout widget. It takes a single child and positions it
-        // in the middle of the parent.
-        child: Column(
-          // Column is also a layout widget. It takes a list of children and
-          // arranges them vertically. By default, it sizes itself to fit its
-          // children horizontally, and tries to be as tall as its parent.
-          //
-          // Invoke "debug painting" (press "p" in the console, choose the
-          // "Toggle Debug Paint" action from the Flutter Inspector in Android
-          // Studio, or the "Toggle Debug Paint" command in Visual Studio Code)
-          // to see the wireframe for each widget.
-          //
-          // Column has various properties to control how it sizes itself and
-          // how it positions its children. Here we use mainAxisAlignment to
-          // center the children vertically; the main axis here is the vertical
-          // axis because Columns are vertical (the cross axis would be
-          // horizontal).
-          mainAxisAlignment: MainAxisAlignment.center,
-          children: <Widget>[
-            const Text(
-              'You have pushed the button this many times:',
-            ),
-            Text(
-              '$_counter',
-              style: Theme.of(context).textTheme.headline4,
-            ),
-          ],
-        ),
-      ),
-      floatingActionButton: FloatingActionButton(
-        onPressed: _incrementCounter,
-        tooltip: 'Increment',
-        child: const Icon(Icons.add),
-      ), // This trailing comma makes auto-formatting nicer for build methods.
-    );
-  }
-}
diff --git a/roster_management_system/lib/task_detail_page/task_detail_page_widget.dart b/roster_management_system/lib/task_detail_page/task_detail_page_widget.dart
new file mode 100644
index 0000000..0266bfe
--- /dev/null
+++ b/roster_management_system/lib/task_detail_page/task_detail_page_widget.dart
@@ -0,0 +1,286 @@
+import '../auth/auth_util.dart';
+import '../backend/backend.dart';
+import '../flutter_flow/flutter_flow_theme.dart';
+import '../flutter_flow/flutter_flow_util.dart';
+import '../flutter_flow/flutter_flow_widgets.dart';
+import 'package:cloud_firestore/cloud_firestore.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter_datetime_picker/flutter_datetime_picker.dart';
+import 'package:google_fonts/google_fonts.dart';
+
+class TaskDetailPageWidget extends StatefulWidget {
+  const TaskDetailPageWidget({
+    Key key,
+    this.taskID,
+  }) : super(key: key);
+
+  final String taskID;
+
+  @override
+  _TaskDetailPageWidgetState createState() => _TaskDetailPageWidgetState();
+}
+
+class _TaskDetailPageWidgetState extends State<TaskDetailPageWidget> {
+  DateTime datePicked;
+  final scaffoldKey = GlobalKey<ScaffoldState>();
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      key: scaffoldKey,
+      backgroundColor: FlutterFlowTheme.of(context).primaryBackground,
+      body: SafeArea(
+        child: GestureDetector(
+          onTap: () => FocusScope.of(context).unfocus(),
+          child: Column(
+            mainAxisSize: MainAxisSize.max,
+            crossAxisAlignment: CrossAxisAlignment.stretch,
+            children: [
+              Row(
+                mainAxisSize: MainAxisSize.max,
+                children: [
+                  Expanded(
+                    child: Container(
+                      width: MediaQuery.of(context).size.width * 0.05,
+                      height: 100,
+                      decoration: BoxDecoration(
+                        color: FlutterFlowTheme.of(context).primaryColor,
+                      ),
+                      child: FFButtonWidget(
+                        onPressed: () async {
+                          Navigator.pop(context);
+                        },
+                        text: '',
+                        icon: Icon(
+                          Icons.arrow_back_outlined,
+                          size: 15,
+                        ),
+                        options: FFButtonOptions(
+                          width: 130,
+                          height: 40,
+                          color: FlutterFlowTheme.of(context).primaryColor,
+                          textStyle:
+                              FlutterFlowTheme.of(context).subtitle2.override(
+                                    fontFamily: 'Poppins',
+                                    color: Colors.white,
+                                  ),
+                          borderSide: BorderSide(
+                            color: Colors.transparent,
+                            width: 1,
+                          ),
+                          borderRadius: 12,
+                        ),
+                      ),
+                    ),
+                  ),
+                  Container(
+                    width: MediaQuery.of(context).size.width * 0.95,
+                    height: 100,
+                    constraints: BoxConstraints(
+                      maxHeight: MediaQuery.of(context).size.height * 0.2,
+                    ),
+                    decoration: BoxDecoration(
+                      color: FlutterFlowTheme.of(context).primaryColor,
+                    ),
+                    child: Align(
+                      alignment: AlignmentDirectional(0, 0),
+                      child: Text(
+                        'Roster Management System',
+                        style: FlutterFlowTheme.of(context).title1.override(
+                              fontFamily: 'Dancing Script',
+                              fontSize: 50,
+                            ),
+                      ),
+                    ),
+                  ),
+                ],
+              ),
+              StreamBuilder<List<TaskRecord>>(
+                stream: queryTaskRecord(
+                  queryBuilder: (taskRecord) =>
+                      taskRecord.where('task_id', isEqualTo: widget.taskID),
+                  singleRecord: true,
+                ),
+                builder: (context, snapshot) {
+                  // Customize what your widget looks like when it's loading.
+                  if (!snapshot.hasData) {
+                    return Center(
+                      child: SizedBox(
+                        width: 50,
+                        height: 50,
+                        child: CircularProgressIndicator(
+                          color: FlutterFlowTheme.of(context).primaryColor,
+                        ),
+                      ),
+                    );
+                  }
+                  List<TaskRecord> containerTaskRecordList = snapshot.data;
+                  final containerTaskRecord = containerTaskRecordList.isNotEmpty
+                      ? containerTaskRecordList.first
+                      : null;
+                  return Container(
+                    width: 100,
+                    height: MediaQuery.of(context).size.height * 1,
+                    decoration: BoxDecoration(
+                      color: Color(0xFFEEEEEE),
+                    ),
+                    child: Column(
+                      mainAxisSize: MainAxisSize.max,
+                      children: [
+                        Text(
+                          containerTaskRecord.taskName,
+                          style: FlutterFlowTheme.of(context).title1.override(
+                                fontFamily: 'Poppins',
+                                fontSize: 80,
+                              ),
+                        ),
+                        Container(
+                          width: MediaQuery.of(context).size.width * 0.9,
+                          height: MediaQuery.of(context).size.height * 0.6,
+                          decoration: BoxDecoration(),
+                          child: Text(
+                            containerTaskRecord.taskDes,
+                            textAlign: TextAlign.start,
+                            style:
+                                FlutterFlowTheme.of(context).bodyText1.override(
+                                      fontFamily: 'Poppins',
+                                      fontSize: 50,
+                                    ),
+                          ),
+                        ),
+                        Text(
+                          FFAppState().Date,
+                          style:
+                              FlutterFlowTheme.of(context).bodyText1.override(
+                                    fontFamily: 'Poppins',
+                                    fontSize: 50,
+                                  ),
+                        ),
+                        Row(
+                          mainAxisSize: MainAxisSize.max,
+                          mainAxisAlignment: MainAxisAlignment.spaceEvenly,
+                          children: [
+                            FFButtonWidget(
+                              onPressed: () async {
+                                await DatePicker.showDatePicker(
+                                  context,
+                                  showTitleActions: true,
+                                  onConfirm: (date) {
+                                    setState(() => datePicked = date);
+                                  },
+                                  currentTime: getCurrentTimestamp,
+                                  minTime: getCurrentTimestamp,
+                                );
+
+                                setState(() => FFAppState().Date =
+                                    dateTimeFormat('yMd', datePicked));
+                              },
+                              text: 'Choose Time To Pick',
+                              options: FFButtonOptions(
+                                width: 200,
+                                height: 40,
+                                color:
+                                    FlutterFlowTheme.of(context).primaryColor,
+                                textStyle: FlutterFlowTheme.of(context)
+                                    .subtitle2
+                                    .override(
+                                      fontFamily: 'Poppins',
+                                      color: Colors.white,
+                                    ),
+                                borderSide: BorderSide(
+                                  color: Colors.transparent,
+                                  width: 1,
+                                ),
+                                borderRadius: 12,
+                              ),
+                            ),
+                            FFButtonWidget(
+                              onPressed: () async {
+                                if ((FFAppState().Date) != 'Date') {
+                                  if ((containerTaskRecord.choosed) == true) {
+                                    await showDialog(
+                                      context: context,
+                                      builder: (alertDialogContext) {
+                                        return AlertDialog(
+                                          title: Text('Alert'),
+                                          content: Text('Task Already Picked'),
+                                          actions: [
+                                            TextButton(
+                                              onPressed: () => Navigator.pop(
+                                                  alertDialogContext),
+                                              child: Text('Ok'),
+                                            ),
+                                          ],
+                                        );
+                                      },
+                                    );
+                                  } else {
+                                    final taskUpdateData = createTaskRecordData(
+                                      choosed: true,
+                                    );
+                                    await containerTaskRecord.reference
+                                        .update(taskUpdateData);
+
+                                    final taskChoosedCreateData =
+                                        createTaskChoosedRecordData(
+                                      taskId: widget.taskID,
+                                      startDate: datePicked,
+                                      state: 'In Progress',
+                                      taskName: containerTaskRecord.taskName,
+                                      taskDes: containerTaskRecord.taskDes,
+                                    );
+                                    await TaskChoosedRecord.createDoc(
+                                            currentUserReference)
+                                        .set(taskChoosedCreateData);
+                                    await showDialog(
+                                      context: context,
+                                      builder: (alertDialogContext) {
+                                        return AlertDialog(
+                                          title: Text('Alert'),
+                                          content: Text('Task Choose Succeed'),
+                                          actions: [
+                                            TextButton(
+                                              onPressed: () => Navigator.pop(
+                                                  alertDialogContext),
+                                              child: Text('Ok'),
+                                            ),
+                                          ],
+                                        );
+                                      },
+                                    );
+                                  }
+                                }
+                              },
+                              text: 'Choose Task',
+                              options: FFButtonOptions(
+                                width: 200,
+                                height: 40,
+                                color:
+                                    FlutterFlowTheme.of(context).primaryColor,
+                                textStyle: FlutterFlowTheme.of(context)
+                                    .subtitle2
+                                    .override(
+                                      fontFamily: 'Poppins',
+                                      color: Colors.white,
+                                    ),
+                                borderSide: BorderSide(
+                                  color: Colors.transparent,
+                                  width: 1,
+                                ),
+                                borderRadius: 12,
+                              ),
+                            ),
+                          ],
+                        ),
+                      ],
+                    ),
+                  );
+                },
+              ),
+            ],
+          ),
+        ),
+      ),
+    );
+  }
+}
diff --git a/roster_management_system/lib/widge/login.dart b/roster_management_system/lib/widge/login.dart
index d57a7b3..6a16930 100644
--- a/roster_management_system/lib/widge/login.dart
+++ b/roster_management_system/lib/widge/login.dart
@@ -1,9 +1,14 @@
 import 'package:flutter/material.dart';
-class loginpage extends StatelessWidget {
-  const loginpage({Key? key}) : super(key: key);
+class LoginPage extends StatelessWidget { const LoginPage({Key? key}) : super(key: key);
 
   @override
-  Widget build(BuildContext context) {
-    return Container();
-  }
-}
\ No newline at end of file
+  Widget build(BuildContext context) {return MaterialApp ( 
+      title : 'Welcome to Roster Management System' , 
+      home : Scaffold ( 
+        appBar : AppBar ( 
+          title : const Text ( 'Welcome to Roster Management System' ), ), 
+        body : const Center ( child : Text ( '你好世界' ), ), 
+        ), 
+        ); 
+        }           
+          } 
\ No newline at end of file
diff --git a/roster_management_system/lib/work_market_page/work_market_page_widget.dart b/roster_management_system/lib/work_market_page/work_market_page_widget.dart
new file mode 100644
index 0000000..21bbc2d
--- /dev/null
+++ b/roster_management_system/lib/work_market_page/work_market_page_widget.dart
@@ -0,0 +1,419 @@
+import '../auth/auth_util.dart';
+import '../backend/backend.dart';
+import '../clock_in_out_page/clock_in_out_page_widget.dart';
+import '../flutter_flow/flutter_flow_theme.dart';
+import '../flutter_flow/flutter_flow_util.dart';
+import '../flutter_flow/flutter_flow_widgets.dart';
+import '../home_page/home_page_widget.dart';
+import '../my_roster_page/my_roster_page_widget.dart';
+import '../my_training_page/my_training_page_widget.dart';
+import '../task_detail_page/task_detail_page_widget.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter/scheduler.dart';
+import 'package:google_fonts/google_fonts.dart';
+
+class WorkMarketPageWidget extends StatefulWidget {
+  const WorkMarketPageWidget({
+    Key key,
+    this.taskID,
+  }) : super(key: key);
+
+  final String taskID;
+
+  @override
+  _WorkMarketPageWidgetState createState() => _WorkMarketPageWidgetState();
+}
+
+class _WorkMarketPageWidgetState extends State<WorkMarketPageWidget> {
+  final scaffoldKey = GlobalKey<ScaffoldState>();
+
+  @override
+  void initState() {
+    super.initState();
+    // On page load action.
+    SchedulerBinding.instance?.addPostFrameCallback((_) async {
+      setState(() => FFAppState().MenuShow = false);
+    });
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      key: scaffoldKey,
+      backgroundColor: FlutterFlowTheme.of(context).primaryBackground,
+      body: SafeArea(
+        child: GestureDetector(
+          onTap: () => FocusScope.of(context).unfocus(),
+          child: Column(
+            mainAxisSize: MainAxisSize.max,
+            crossAxisAlignment: CrossAxisAlignment.stretch,
+            children: [
+              Row(
+                mainAxisSize: MainAxisSize.max,
+                children: [
+                  Expanded(
+                    child: Container(
+                      width: MediaQuery.of(context).size.width * 0.05,
+                      height: 100,
+                      decoration: BoxDecoration(
+                        color: FlutterFlowTheme.of(context).primaryColor,
+                      ),
+                      child: FFButtonWidget(
+                        onPressed: () async {
+                          if (FFAppState().MenuShow) {
+                            setState(() => FFAppState().MenuShow = false);
+                            return;
+                          } else {
+                            setState(() => FFAppState().MenuShow = true);
+                            return;
+                          }
+                        },
+                        text: '',
+                        icon: Icon(
+                          Icons.menu,
+                          size: 15,
+                        ),
+                        options: FFButtonOptions(
+                          width: 130,
+                          height: 40,
+                          color: FlutterFlowTheme.of(context).primaryColor,
+                          textStyle:
+                              FlutterFlowTheme.of(context).subtitle2.override(
+                                    fontFamily: 'Poppins',
+                                    color: Colors.white,
+                                  ),
+                          borderSide: BorderSide(
+                            color: Colors.transparent,
+                            width: 1,
+                          ),
+                          borderRadius: 12,
+                        ),
+                      ),
+                    ),
+                  ),
+                  Container(
+                    width: MediaQuery.of(context).size.width * 0.95,
+                    height: 100,
+                    constraints: BoxConstraints(
+                      maxHeight: MediaQuery.of(context).size.height * 0.2,
+                    ),
+                    decoration: BoxDecoration(
+                      color: FlutterFlowTheme.of(context).primaryColor,
+                    ),
+                    child: Align(
+                      alignment: AlignmentDirectional(0, 0),
+                      child: Text(
+                        'Work Market',
+                        style: FlutterFlowTheme.of(context).title1.override(
+                              fontFamily: 'Dancing Script',
+                              fontSize: 50,
+                            ),
+                      ),
+                    ),
+                  ),
+                ],
+              ),
+              Row(
+                mainAxisSize: MainAxisSize.max,
+                children: [
+                  if (((FFAppState().MenuShow) == true) ||
+                      responsiveVisibility(
+                        context: context,
+                        desktop: false,
+                      ))
+                    Container(
+                      width: MediaQuery.of(context).size.width * 0.4,
+                      height: MediaQuery.of(context).size.height * 1,
+                      decoration: BoxDecoration(
+                        color: FlutterFlowTheme.of(context).primaryColor,
+                      ),
+                      child: Column(
+                        mainAxisSize: MainAxisSize.max,
+                        mainAxisAlignment: MainAxisAlignment.spaceBetween,
+                        crossAxisAlignment: CrossAxisAlignment.stretch,
+                        children: [
+                          Column(
+                            mainAxisSize: MainAxisSize.max,
+                            mainAxisAlignment: MainAxisAlignment.start,
+                            crossAxisAlignment: CrossAxisAlignment.stretch,
+                            children: [
+                              Text(
+                                'MENU',
+                                textAlign: TextAlign.center,
+                                style: FlutterFlowTheme.of(context)
+                                    .bodyText1
+                                    .override(
+                                      fontFamily: 'Poppins',
+                                      color: Colors.white,
+                                      fontSize: 100,
+                                    ),
+                              ),
+                              FFButtonWidget(
+                                onPressed: () async {
+                                  await Navigator.push(
+                                    context,
+                                    PageTransition(
+                                      type: PageTransitionType.fade,
+                                      duration: Duration(milliseconds: 0),
+                                      reverseDuration:
+                                          Duration(milliseconds: 0),
+                                      child: MyRosterPageWidget(),
+                                    ),
+                                  );
+                                },
+                                text: 'My Roster',
+                                options: FFButtonOptions(
+                                  width: 130,
+                                  height: 75,
+                                  color:
+                                      FlutterFlowTheme.of(context).primaryColor,
+                                  textStyle: FlutterFlowTheme.of(context)
+                                      .subtitle2
+                                      .override(
+                                        fontFamily: 'Poppins',
+                                        color: Colors.white,
+                                        fontSize: 75,
+                                      ),
+                                  borderSide: BorderSide(
+                                    color: Colors.transparent,
+                                    width: 1,
+                                  ),
+                                  borderRadius: 12,
+                                ),
+                              ),
+                              FFButtonWidget(
+                                onPressed: () async {
+                                  await Navigator.push(
+                                    context,
+                                    MaterialPageRoute(
+                                      builder: (context) =>
+                                          ClockInOutPageWidget(),
+                                    ),
+                                  );
+                                },
+                                text: 'Clock In/Out',
+                                options: FFButtonOptions(
+                                  width: 130,
+                                  height: 75,
+                                  color:
+                                      FlutterFlowTheme.of(context).primaryColor,
+                                  textStyle: FlutterFlowTheme.of(context)
+                                      .subtitle2
+                                      .override(
+                                        fontFamily: 'Poppins',
+                                        color: Colors.white,
+                                        fontSize: 75,
+                                      ),
+                                  borderSide: BorderSide(
+                                    color: Colors.transparent,
+                                    width: 1,
+                                  ),
+                                  borderRadius: 12,
+                                ),
+                              ),
+                              FFButtonWidget(
+                                onPressed: () async {
+                                  await Navigator.pushAndRemoveUntil(
+                                    context,
+                                    MaterialPageRoute(
+                                      builder: (context) =>
+                                          MyTrainingPageWidget(),
+                                    ),
+                                    (r) => false,
+                                  );
+                                },
+                                text: 'My Training',
+                                options: FFButtonOptions(
+                                  width: 130,
+                                  height: 75,
+                                  color:
+                                      FlutterFlowTheme.of(context).primaryColor,
+                                  textStyle: FlutterFlowTheme.of(context)
+                                      .subtitle2
+                                      .override(
+                                        fontFamily: 'Poppins',
+                                        color: Colors.white,
+                                        fontSize: 75,
+                                      ),
+                                  borderSide: BorderSide(
+                                    color: Colors.transparent,
+                                    width: 1,
+                                  ),
+                                  borderRadius: 12,
+                                ),
+                              ),
+                              FFButtonWidget(
+                                onPressed: () {
+                                  print('Button pressed ...');
+                                },
+                                text: 'Work Market',
+                                options: FFButtonOptions(
+                                  width: 130,
+                                  height: 75,
+                                  color: Color(0xFF7567F8),
+                                  textStyle: FlutterFlowTheme.of(context)
+                                      .subtitle2
+                                      .override(
+                                        fontFamily: 'Poppins',
+                                        color: Colors.white,
+                                        fontSize: 75,
+                                      ),
+                                  borderSide: BorderSide(
+                                    color: Colors.transparent,
+                                    width: 1,
+                                  ),
+                                  borderRadius: 12,
+                                ),
+                              ),
+                              FFButtonWidget(
+                                onPressed: () async {
+                                  await signOut();
+                                  await Navigator.pushAndRemoveUntil(
+                                    context,
+                                    MaterialPageRoute(
+                                      builder: (context) => HomePageWidget(),
+                                    ),
+                                    (r) => false,
+                                  );
+                                },
+                                text: 'LogOut',
+                                options: FFButtonOptions(
+                                  width: 130,
+                                  height: 75,
+                                  color: FlutterFlowTheme.of(context).alternate,
+                                  textStyle: FlutterFlowTheme.of(context)
+                                      .subtitle2
+                                      .override(
+                                        fontFamily: 'Poppins',
+                                        color: Colors.white,
+                                        fontSize: 75,
+                                      ),
+                                  borderSide: BorderSide(
+                                    color: Colors.transparent,
+                                    width: 1,
+                                  ),
+                                  borderRadius: 12,
+                                ),
+                              ),
+                            ],
+                          ),
+                        ],
+                      ),
+                    ),
+                  Container(
+                    width: MediaQuery.of(context).size.width,
+                    height: MediaQuery.of(context).size.height * 1,
+                    decoration: BoxDecoration(
+                      color: Color(0xFFEEEEEE),
+                    ),
+                    child: StreamBuilder<List<TaskRecord>>(
+                      stream: queryTaskRecord(
+                        queryBuilder: (taskRecord) =>
+                            taskRecord.where('choosed', isEqualTo: false),
+                      ),
+                      builder: (context, snapshot) {
+                        // Customize what your widget looks like when it's loading.
+                        if (!snapshot.hasData) {
+                          return Center(
+                            child: SizedBox(
+                              width: 50,
+                              height: 50,
+                              child: CircularProgressIndicator(
+                                color:
+                                    FlutterFlowTheme.of(context).primaryColor,
+                              ),
+                            ),
+                          );
+                        }
+                        List<TaskRecord> gridViewTaskRecordList = snapshot.data;
+                        return GridView.builder(
+                          padding: EdgeInsets.zero,
+                          gridDelegate:
+                              SliverGridDelegateWithFixedCrossAxisCount(
+                            crossAxisCount: 4,
+                            crossAxisSpacing: 10,
+                            mainAxisSpacing: 10,
+                            childAspectRatio: 1,
+                          ),
+                          scrollDirection: Axis.vertical,
+                          itemCount: gridViewTaskRecordList.length,
+                          itemBuilder: (context, gridViewIndex) {
+                            final gridViewTaskRecord =
+                                gridViewTaskRecordList[gridViewIndex];
+                            return Container(
+                              width: MediaQuery.of(context).size.width * 0.2,
+                              height: 100,
+                              decoration: BoxDecoration(
+                                color: Color(0xFFEEEEEE),
+                              ),
+                              child: Column(
+                                mainAxisSize: MainAxisSize.max,
+                                mainAxisAlignment: MainAxisAlignment.center,
+                                children: [
+                                  Image.network(
+                                    gridViewTaskRecord.taskImage,
+                                    width: 250,
+                                    height: 250,
+                                    fit: BoxFit.cover,
+                                  ),
+                                  Text(
+                                    gridViewTaskRecord.taskName,
+                                    style: FlutterFlowTheme.of(context)
+                                        .bodyText1
+                                        .override(
+                                          fontFamily: 'Poppins',
+                                          fontSize: 35,
+                                        ),
+                                  ),
+                                  FFButtonWidget(
+                                    onPressed: () async {
+                                      await Navigator.push(
+                                        context,
+                                        PageTransition(
+                                          type: PageTransitionType.fade,
+                                          duration: Duration(milliseconds: 0),
+                                          reverseDuration:
+                                              Duration(milliseconds: 0),
+                                          child: TaskDetailPageWidget(
+                                            taskID: gridViewTaskRecord.taskId,
+                                          ),
+                                        ),
+                                      );
+                                    },
+                                    text: 'Detail',
+                                    options: FFButtonOptions(
+                                      width: 130,
+                                      height: 50,
+                                      color: FlutterFlowTheme.of(context)
+                                          .primaryColor,
+                                      textStyle: FlutterFlowTheme.of(context)
+                                          .subtitle2
+                                          .override(
+                                            fontFamily: 'Poppins',
+                                            color: Colors.white,
+                                            fontSize: 40,
+                                          ),
+                                      borderSide: BorderSide(
+                                        color: Colors.transparent,
+                                        width: 1,
+                                      ),
+                                      borderRadius: 12,
+                                    ),
+                                  ),
+                                ],
+                              ),
+                            );
+                          },
+                        );
+                      },
+                    ),
+                  ),
+                ],
+              ),
+            ],
+          ),
+        ),
+      ),
+    );
+  }
+}
diff --git a/roster_management_system/pubspec.lock b/roster_management_system/pubspec.lock
index 9e5a9bd..44f9b80 100644
--- a/roster_management_system/pubspec.lock
+++ b/roster_management_system/pubspec.lock
@@ -57,6 +57,13 @@ packages:
       url: "https://pub.dartlang.org"
     source: hosted
     version: "1.2.0"
+  firebase:
+    dependency: "direct main"
+    description:
+      name: firebase
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "9.0.3"
   flutter:
     dependency: "direct main"
     description: flutter
@@ -74,6 +81,27 @@ packages:
     description: flutter
     source: sdk
     version: "0.0.0"
+  http:
+    dependency: transitive
+    description:
+      name: http
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "0.13.4"
+  http_parser:
+    dependency: transitive
+    description:
+      name: http_parser
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "4.0.1"
+  js:
+    dependency: transitive
+    description:
+      name: js
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "0.6.4"
   lints:
     dependency: transitive
     description:
diff --git a/roster_management_system/pubspec.yaml b/roster_management_system/pubspec.yaml
index a09c08b..2f638b8 100644
--- a/roster_management_system/pubspec.yaml
+++ b/roster_management_system/pubspec.yaml
@@ -2,7 +2,7 @@ name: roster_management_system
 description: A new Flutter project.
 
 # The following line prevents the package from being accidentally published to
-# pub.dev using `flutter pub publish`. This is preferred for private packages.
+# pub.dev using `pub publish`. This is preferred for private packages.
 publish_to: 'none' # Remove this line if you wish to publish to pub.dev
 
 # The following defines the version and build number for your application.
@@ -18,35 +18,67 @@ publish_to: 'none' # Remove this line if you wish to publish to pub.dev
 version: 1.0.0+1
 
 environment:
-  sdk: ">=2.16.1 <3.0.0"
-
-# Dependencies specify other packages that your package needs in order to work.
-# To automatically upgrade your package dependencies to the latest versions
-# consider running `flutter pub upgrade --major-versions`. Alternatively,
-# dependencies can be manually updated by changing the version numbers below to
-# the latest version available on pub.dev. To see which dependencies have newer
-# versions available, run `flutter pub outdated`.
+  sdk: ">=2.7.0 <3.0.0"
+
 dependencies:
   flutter:
     sdk: flutter
+  flutter_localizations:
+    sdk: flutter
+  auto_size_text: 3.0.0
+  built_collection: 5.1.1
+  built_value: 8.1.3
+  cached_network_image: 3.1.0+1
+  cloud_firestore: 2.5.4
+  cloud_firestore_web: 2.6.8
+  easy_debounce: 2.0.1
+  file_picker: 4.5.1
+  firebase_auth: 3.2.0
+  firebase_core: 1.12.0
+  firebase_core_web: 1.5.4
+  firebase_storage: 10.1.0
+  firebase_storage_web: 3.2.8
+  flutter_datetime_picker: 1.5.1
+  font_awesome_flutter: 10.1.0
+  google_fonts: 2.2.0
+  google_sign_in: 5.2.1
+  image_picker: 0.8.4+4
+  intl: 0.17.0
+  json_path: 0.3.1
+  json_serializable: 6.1.3
+  mime_type: 1.0.0
+  page_transition: 2.0.4
+  rxdart: 0.26.0
+  shared_preferences: 2.0.11
+  sign_in_with_apple:
+    git:
+      url: https://github.com/asmengistu/dart_packages
+      ref: ab18d53a80e0a4bb90f1ad84f37f1b408930f28d
+      path: packages/sign_in_with_apple/sign_in_with_apple/
+  timeago: 3.1.0
+  url_launcher: 6.0.15
+  youtube_plyr_iframe: 2.0.7
 
 
   # The following adds the Cupertino Icons font to your application.
   # Use with the CupertinoIcons class for iOS style icons.
-  cupertino_icons: ^1.0.2
-  firebase: ^9.0.2
-  router_management: ^1.3.3
+  cupertino_icons: ^1.0.0
 
 dev_dependencies:
+  build_runner: 2.1.7
+  built_value_generator: 8.1.3
+  flutter_launcher_icons: 0.9.2
+
   flutter_test:
     sdk: flutter
 
-  # The "flutter_lints" package below contains a set of recommended lints to
-  # encourage good coding practices. The lint set provided by the package is
-  # activated in the `analysis_options.yaml` file located at the root of your
-  # package. See that file for information about deactivating specific lint
-  # rules and activating additional ones.
-  flutter_lints: ^1.0.0
+
+flutter_icons:
+  android: true
+  ios: true
+  remove_alpha_ios: true
+  image_path: 'assets/images/app_launcher_icon.png'
+
 
 # For information on the generic Dart part of this file, see the
 # following page: https://dart.dev/tools/pub/pubspec
@@ -60,9 +92,15 @@ flutter:
   uses-material-design: true
 
   # To add assets to your application, add an assets section, like this:
-  # assets:
-  #   - images/a_dot_burr.jpeg
-  #   - images/a_dot_ham.jpeg
+  assets:
+    - assets/fonts/
+    - assets/images/
+    - assets/videos/
+    - assets/audios/
+    - assets/lottie_animations/
+    - assets/rive_animations/
+    - assets/pdfs/
+
 
   # An image asset can refer to one or more resolution-specific "variants", see
   # https://flutter.dev/assets-and-images/#resolution-aware.
diff --git a/roster_management_system/test/widget_test.dart b/roster_management_system/test/widget_test.dart
index 4889935..6b53d12 100644
--- a/roster_management_system/test/widget_test.dart
+++ b/roster_management_system/test/widget_test.dart
@@ -8,23 +8,11 @@
 import 'package:flutter/material.dart';
 import 'package:flutter_test/flutter_test.dart';
 
-import 'package:roster_management_system/screen/main.dart';
+import 'package:roster_management_system/main.dart';
 
 void main() {
   testWidgets('Counter increments smoke test', (WidgetTester tester) async {
     // Build our app and trigger a frame.
-    await tester.pumpWidget(const MyApp());
-
-    // Verify that our counter starts at 0.
-    expect(find.text('0'), findsOneWidget);
-    expect(find.text('1'), findsNothing);
-
-    // Tap the '+' icon and trigger a frame.
-    await tester.tap(find.byIcon(Icons.add));
-    await tester.pump();
-
-    // Verify that our counter has incremented.
-    expect(find.text('0'), findsNothing);
-    expect(find.text('1'), findsOneWidget);
+    await tester.pumpWidget(MyApp());
   });
 }
diff --git a/roster_management_system/web/index.html b/roster_management_system/web/index.html
index a536b35..cca4879 100644
--- a/roster_management_system/web/index.html
+++ b/roster_management_system/web/index.html
@@ -8,13 +8,10 @@
     The path provided below has to start and end with a slash "/" in order for
     it to work correctly.
 
-    For more details:
+    Fore more details:
     * https://developer.mozilla.org/en-US/docs/Web/HTML/Element/base
-
-    This is a placeholder for base href that will be replaced by the value of
-    the `--base-href` argument provided to `flutter build`.
   -->
-  <base href="$FLUTTER_BASE_HREF">
+  <base href="/">
 
   <meta charset="UTF-8">
   <meta content="IE=Edge" http-equiv="X-UA-Compatible">
@@ -23,97 +20,48 @@
   <!-- iOS meta tags & icons -->
   <meta name="apple-mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-status-bar-style" content="black">
-  <meta name="apple-mobile-web-app-title" content="roster_management_system">
+  <meta name="apple-mobile-web-app-title" content="Roster-Management-System">
   <link rel="apple-touch-icon" href="icons/Icon-192.png">
 
   <!-- Favicon -->
   <link rel="icon" type="image/png" href="favicon.png"/>
 
-  <title>roster_management_system</title>
+  <title>Roster-Management-System</title>
   <link rel="manifest" href="manifest.json">
 </head>
 <body>
   <!-- This script installs service_worker.js to provide PWA functionality to
        application. For more information, see:
        https://developers.google.com/web/fundamentals/primers/service-workers -->
-  <script src="https://www.gstatic.com/firebasejs/8.10.0/firebase-app.js"></script>
-
   <script>
-    var firebaseConfig = {
-          apiKey: "AIzaSyCHl6HRphTjSo8jG1oDu1TfBCb46geIsaQ",
-          authDomain: "roster-management-system.firebaseapp.com",
-          databaseURL: "https://roster-management-system-default-rtdb.firebaseio.com",
-          projectId: "roster-management-system",
-          storageBucket: "roster-management-system.appspot.com",
-          messagingSenderId: "515997796368",
-          appId: "1:515997796368:web:fe12c0c94f8d2fbe032295",
-          measurementId: "G-Z9EZ0ZKVNS",
-        };
-
-        // Initialize Firebase
-        firebase.initializeApp(firebaseConfig);
-    var serviceWorkerVersion = null;
-    var scriptLoaded = false;
-    function loadMainDartJs() {
-      if (scriptLoaded) {
-        return;
-      }
-      scriptLoaded = true;
-      var scriptTag = document.createElement('script');
-      scriptTag.src = 'main.dart.js';
-      scriptTag.type = 'application/javascript';
-      document.body.append(scriptTag);
-    }
-
     if ('serviceWorker' in navigator) {
-      // Service workers are supported. Use them.
-      window.addEventListener('load', function () {
-        // Wait for registration to finish before dropping the <script> tag.
-        // Otherwise, the browser will load the script multiple times,
-        // potentially different versions.
-        var serviceWorkerUrl = 'flutter_service_worker.js?v=' + serviceWorkerVersion;
-        navigator.serviceWorker.register(serviceWorkerUrl)
-          .then((reg) => {
-            function waitForActivation(serviceWorker) {
-              serviceWorker.addEventListener('statechange', () => {
-                if (serviceWorker.state == 'activated') {
-                  console.log('Installed new service worker.');
-                  loadMainDartJs();
-                }
-              });
-            }
-            if (!reg.active && (reg.installing || reg.waiting)) {
-              // No active web worker and we have installed or are installing
-              // one for the first time. Simply wait for it to activate.
-              waitForActivation(reg.installing || reg.waiting);
-            } else if (!reg.active.scriptURL.endsWith(serviceWorkerVersion)) {
-              // When the app updates the serviceWorkerVersion changes, so we
-              // need to ask the service worker to update.
-              console.log('New service worker available.');
-              reg.update();
-              waitForActivation(reg.installing);
-            } else {
-              // Existing service worker is still good.
-              console.log('Loading app from service worker.');
-              loadMainDartJs();
-            }
-          });
-
-        // If service worker doesn't succeed in a reasonable amount of time,
-        // fallback to plaint <script> tag.
-        setTimeout(() => {
-          if (!scriptLoaded) {
-            console.warn(
-              'Failed to load app from service worker. Falling back to plain <script> tag.',
-            );
-            loadMainDartJs();
-          }
-        }, 4000);
+      window.addEventListener('flutter-first-frame', function () {
+        navigator.serviceWorker.register('flutter_service_worker.js');
       });
-    } else {
-      // Service workers not supported. Just drop the <script> tag.
-      loadMainDartJs();
     }
   </script>
+  <script src="https://www.gstatic.com/firebasejs/8.10.0/firebase-app.js"></script>
+  <script src="https://www.gstatic.com/firebasejs/8.10.0/firebase-auth.js"></script>
+  
+  <script src="https://www.gstatic.com/firebasejs/8.10.0/firebase-firestore.js"></script>
+  <script src="https://www.gstatic.com/firebasejs/8.10.0/firebase-storage.js"></script>
+  
+  
+
+  <script>
+    const firebaseConfig = {
+    apiKey: "AIzaSyCHl6HRphTjSo8jG1oDu1TfBCb46geIsaQ",
+      authDomain: "roster-management-system.firebaseapp.com",
+      projectId: "roster-management-system",
+      storageBucket: "roster-management-system.appspot.com",
+      messagingSenderId: "515997796368",
+      appId: "1:515997796368:web:fe12c0c94f8d2fbe032295",
+      measurementId: "G-Z9EZ0ZKVNS"
+    }
+    firebase.initializeApp(firebaseConfig);
+  </script>
+  
+  
+  <script src="main.dart.js" type="application/javascript"></script>
 </body>
 </html>
diff --git a/roster_management_system/web/manifest.json b/roster_management_system/web/manifest.json
index 68b2e56..ccff3c9 100644
--- a/roster_management_system/web/manifest.json
+++ b/roster_management_system/web/manifest.json
@@ -1,6 +1,6 @@
 {
-    "name": "roster_management_system",
-    "short_name": "roster_management_system",
+    "name": "Roster-Management-System",
+    "short_name": "Roster-Management-System",
     "start_url": ".",
     "display": "standalone",
     "background_color": "#0175C2",
@@ -18,18 +18,6 @@
             "src": "icons/Icon-512.png",
             "sizes": "512x512",
             "type": "image/png"
-        },
-        {
-            "src": "icons/Icon-maskable-192.png",
-            "sizes": "192x192",
-            "type": "image/png",
-            "purpose": "maskable"
-        },
-        {
-            "src": "icons/Icon-maskable-512.png",
-            "sizes": "512x512",
-            "type": "image/png",
-            "purpose": "maskable"
         }
     ]
 }