From 4e164259175886e23b6e08443115dbfe75e24389 Mon Sep 17 00:00:00 2001
From: kesfc <kevinli20030305@gmail.com>
Date: Fri, 29 Mar 2024 16:22:40 -0400
Subject: [PATCH 01/10] fix the error where the branch has when it created

---
 HackRPIEventApp2023/package-lock.json | 161 +++++++++++++-------------
 HackRPIEventApp2023/package.json      |   2 +-
 2 files changed, 81 insertions(+), 82 deletions(-)

diff --git a/HackRPIEventApp2023/package-lock.json b/HackRPIEventApp2023/package-lock.json
index 41f5f84..609d386 100644
--- a/HackRPIEventApp2023/package-lock.json
+++ b/HackRPIEventApp2023/package-lock.json
@@ -9,7 +9,7 @@
       "version": "1.0.0",
       "dependencies": {
         "@expo/webpack-config": "^19.0.0",
-        "@react-navigation/bottom-tabs": "^6.5.11",
+        "@react-navigation/bottom-tabs": "^6.5.20",
         "@react-navigation/native": "^6.1.9",
         "@types/react": "~18.2.14",
         "expo": "^49.0.21",
@@ -182,9 +182,9 @@
       }
     },
     "node_modules/@babel/helper-define-polyfill-provider": {
-      "version": "0.4.3",
-      "resolved": "https://registry.npmjs.org/@babel/helper-define-polyfill-provider/-/helper-define-polyfill-provider-0.4.3.tgz",
-      "integrity": "sha512-WBrLmuPP47n7PNwsZ57pqam6G/RGo1vw/87b0Blc53tZNGZ4x7YvZ6HgQe2vo1W/FR20OgjeZuGXzudPiXHFug==",
+      "version": "0.4.4",
+      "resolved": "https://registry.npmjs.org/@babel/helper-define-polyfill-provider/-/helper-define-polyfill-provider-0.4.4.tgz",
+      "integrity": "sha512-QcJMILQCu2jm5TFPGA3lCpJJTeEP+mqeXooG/NZbg/h5FTFi6V0+99ahlRsW8/kRLyb24LZVCCiclDedhLKcBA==",
       "dependencies": {
         "@babel/helper-compilation-targets": "^7.22.6",
         "@babel/helper-plugin-utils": "^7.22.5",
@@ -6046,11 +6046,11 @@
       }
     },
     "node_modules/@react-navigation/bottom-tabs": {
-      "version": "6.5.11",
-      "resolved": "https://registry.npmjs.org/@react-navigation/bottom-tabs/-/bottom-tabs-6.5.11.tgz",
-      "integrity": "sha512-CBN/NOdxnMvmjw+AJQI1kltOYaClTZmGec5pQ3ZNTPX86ytbIOylDIITKMfTgHZcIEFQDymx1SHeS++PIL3Szw==",
+      "version": "6.5.20",
+      "resolved": "https://registry.npmjs.org/@react-navigation/bottom-tabs/-/bottom-tabs-6.5.20.tgz",
+      "integrity": "sha512-ow6Z06iS4VqBO8d7FP+HsGjJLWt2xTWIvuWjpoCvsM/uQXzCRDIjBv9HaKcXbF0yTW7IMir0oDAbU5PFzEDdgA==",
       "dependencies": {
-        "@react-navigation/elements": "^1.3.21",
+        "@react-navigation/elements": "^1.3.30",
         "color": "^4.2.3",
         "warn-once": "^0.1.0"
       },
@@ -6062,17 +6062,6 @@
         "react-native-screens": ">= 3.0.0"
       }
     },
-    "node_modules/@react-navigation/bottom-tabs/node_modules/@react-navigation/elements": {
-      "version": "1.3.21",
-      "resolved": "https://registry.npmjs.org/@react-navigation/elements/-/elements-1.3.21.tgz",
-      "integrity": "sha512-eyS2C6McNR8ihUoYfc166O1D8VYVh9KIl0UQPI8/ZJVsStlfSTgeEEh+WXge6+7SFPnZ4ewzEJdSAHH+jzcEfg==",
-      "peerDependencies": {
-        "@react-navigation/native": "^6.0.0",
-        "react": "*",
-        "react-native": "*",
-        "react-native-safe-area-context": ">= 3.0.0"
-      }
-    },
     "node_modules/@react-navigation/core": {
       "version": "6.4.10",
       "resolved": "https://registry.npmjs.org/@react-navigation/core/-/core-6.4.10.tgz",
@@ -6105,6 +6094,17 @@
       "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
       "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ=="
     },
+    "node_modules/@react-navigation/elements": {
+      "version": "1.3.30",
+      "resolved": "https://registry.npmjs.org/@react-navigation/elements/-/elements-1.3.30.tgz",
+      "integrity": "sha512-plhc8UvCZs0UkV+sI+3bisIyn78wz9O/BiWZXpounu72k/R/Sj5PuZYFJ1fi6psvriUveMCGh4LeZckAZu2qiQ==",
+      "peerDependencies": {
+        "@react-navigation/native": "^6.0.0",
+        "react": "*",
+        "react-native": "*",
+        "react-native-safe-area-context": ">= 3.0.0"
+      }
+    },
     "node_modules/@react-navigation/native": {
       "version": "6.1.9",
       "resolved": "https://registry.npmjs.org/@react-navigation/native/-/native-6.1.9.tgz",
@@ -7003,12 +7003,12 @@
       }
     },
     "node_modules/babel-plugin-polyfill-corejs3": {
-      "version": "0.8.4",
-      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs3/-/babel-plugin-polyfill-corejs3-0.8.4.tgz",
-      "integrity": "sha512-9l//BZZsPR+5XjyJMPtZSK4jv0BsTO1zDac2GC6ygx9WLGlcsnRd1Co0B2zT5fF5Ic6BZy+9m3HNZ3QcOeDKfg==",
+      "version": "0.8.7",
+      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs3/-/babel-plugin-polyfill-corejs3-0.8.7.tgz",
+      "integrity": "sha512-KyDvZYxAzkC0Aj2dAPyDzi2Ym15e5JKZSK+maI7NAwSqofvuFglbSsxE7wUOvTg9oFVnHMzVzBKcqEb4PJgtOA==",
       "dependencies": {
-        "@babel/helper-define-polyfill-provider": "^0.4.2",
-        "core-js-compat": "^3.32.2"
+        "@babel/helper-define-polyfill-provider": "^0.4.4",
+        "core-js-compat": "^3.33.1"
       },
       "peerDependencies": {
         "@babel/core": "^7.4.0 || ^8.0.0-0 <8.0.0"
@@ -7279,9 +7279,9 @@
       }
     },
     "node_modules/browserslist": {
-      "version": "4.22.1",
-      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.22.1.tgz",
-      "integrity": "sha512-FEVc202+2iuClEhZhrWy6ZiAcRLvNMyYcxZ8raemul1DYVOVdFsbqckWLdsixQZCpJlwe77Z3UTalE7jsjnKfQ==",
+      "version": "4.23.0",
+      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.23.0.tgz",
+      "integrity": "sha512-QW8HiM1shhT2GuzkvklfjcKDiWFXHOeFCIA/huJPwHsslwcydgk7X+z2zXpEijP98UCY7HbubZt5J2Zgvf0CaQ==",
       "funding": [
         {
           "type": "opencollective",
@@ -7297,9 +7297,9 @@
         }
       ],
       "dependencies": {
-        "caniuse-lite": "^1.0.30001541",
-        "electron-to-chromium": "^1.4.535",
-        "node-releases": "^2.0.13",
+        "caniuse-lite": "^1.0.30001587",
+        "electron-to-chromium": "^1.4.668",
+        "node-releases": "^2.0.14",
         "update-browserslist-db": "^1.0.13"
       },
       "bin": {
@@ -7521,9 +7521,9 @@
       }
     },
     "node_modules/caniuse-lite": {
-      "version": "1.0.30001547",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001547.tgz",
-      "integrity": "sha512-W7CrtIModMAxobGhz8iXmDfuJiiKg1WADMO/9x7/CLNin5cpSbuBjooyoIUVB5eyCc36QuTVlkVa1iB2S5+/eA==",
+      "version": "1.0.30001600",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001600.tgz",
+      "integrity": "sha512-+2S9/2JFhYmYaDpZvo0lKkfvuKIglrx68MwOBqMGHhQsNkLjB5xtc/TGoEPs+MxjSyN/72qer2g97nzR641mOQ==",
       "funding": [
         {
           "type": "opencollective",
@@ -8055,11 +8055,11 @@
       }
     },
     "node_modules/core-js-compat": {
-      "version": "3.33.0",
-      "resolved": "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.33.0.tgz",
-      "integrity": "sha512-0w4LcLXsVEuNkIqwjjf9rjCoPhK8uqA4tMRh4Ge26vfLtUutshn+aRJU21I9LCJlh2QQHfisNToLjw1XEJLTWw==",
+      "version": "3.36.1",
+      "resolved": "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.36.1.tgz",
+      "integrity": "sha512-Dk997v9ZCt3X/npqzyGdTlq6t7lDBhZwGvV94PKzDArjp7BTRm7WlDAXYd/OWdeFHO8OChQYRJNJvUCqCbrtKA==",
       "dependencies": {
-        "browserslist": "^4.22.1"
+        "browserslist": "^4.23.0"
       },
       "funding": {
         "type": "opencollective",
@@ -8775,9 +8775,9 @@
       "integrity": "sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow=="
     },
     "node_modules/electron-to-chromium": {
-      "version": "1.4.549",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.549.tgz",
-      "integrity": "sha512-gpXfJslSi4hYDkA0mTLEpYKRv9siAgSUgZ+UWyk+J5Cttpd1ThCVwdclzIwQSclz3hYn049+M2fgrP1WpvF8xg=="
+      "version": "1.4.722",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.722.tgz",
+      "integrity": "sha512-5nLE0TWFFpZ80Crhtp4pIp8LXCztjYX41yUcV6b+bKR2PqzjskTMOOlBi1VjBHlvHwS+4gar7kNKOrsbsewEZQ=="
     },
     "node_modules/emoji-regex": {
       "version": "8.0.0",
@@ -13218,9 +13218,9 @@
       "integrity": "sha512-O5lz91xSOeoXP6DulyHfllpq+Eg00MWitZIbtPfoSEvqIHdl5gfcY6hYzDWnj0qD5tz52PI08u9qUvSVeUBeHw=="
     },
     "node_modules/node-releases": {
-      "version": "2.0.13",
-      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.13.tgz",
-      "integrity": "sha512-uYr7J37ae/ORWdZeQ1xxMJe3NtdmqMC/JZK+geofDrkLUApKRHPd18/TxtBOJ4A0/+uUIliorNrfYV6s1b02eQ=="
+      "version": "2.0.14",
+      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.14.tgz",
+      "integrity": "sha512-y10wOWt8yZpqXmOgRo77WaHEmhYQYGNA6y421PKsKYWEK8aW+cqAphborZDhqfyKrbZEN92CN1X2KbafY2s7Yw=="
     },
     "node_modules/node-stream-zip": {
       "version": "1.15.0",
@@ -17634,9 +17634,9 @@
       }
     },
     "@babel/helper-define-polyfill-provider": {
-      "version": "0.4.3",
-      "resolved": "https://registry.npmjs.org/@babel/helper-define-polyfill-provider/-/helper-define-polyfill-provider-0.4.3.tgz",
-      "integrity": "sha512-WBrLmuPP47n7PNwsZ57pqam6G/RGo1vw/87b0Blc53tZNGZ4x7YvZ6HgQe2vo1W/FR20OgjeZuGXzudPiXHFug==",
+      "version": "0.4.4",
+      "resolved": "https://registry.npmjs.org/@babel/helper-define-polyfill-provider/-/helper-define-polyfill-provider-0.4.4.tgz",
+      "integrity": "sha512-QcJMILQCu2jm5TFPGA3lCpJJTeEP+mqeXooG/NZbg/h5FTFi6V0+99ahlRsW8/kRLyb24LZVCCiclDedhLKcBA==",
       "requires": {
         "@babel/helper-compilation-targets": "^7.22.6",
         "@babel/helper-plugin-utils": "^7.22.5",
@@ -21805,21 +21805,13 @@
       }
     },
     "@react-navigation/bottom-tabs": {
-      "version": "6.5.11",
-      "resolved": "https://registry.npmjs.org/@react-navigation/bottom-tabs/-/bottom-tabs-6.5.11.tgz",
-      "integrity": "sha512-CBN/NOdxnMvmjw+AJQI1kltOYaClTZmGec5pQ3ZNTPX86ytbIOylDIITKMfTgHZcIEFQDymx1SHeS++PIL3Szw==",
+      "version": "6.5.20",
+      "resolved": "https://registry.npmjs.org/@react-navigation/bottom-tabs/-/bottom-tabs-6.5.20.tgz",
+      "integrity": "sha512-ow6Z06iS4VqBO8d7FP+HsGjJLWt2xTWIvuWjpoCvsM/uQXzCRDIjBv9HaKcXbF0yTW7IMir0oDAbU5PFzEDdgA==",
       "requires": {
-        "@react-navigation/elements": "^1.3.21",
+        "@react-navigation/elements": "^1.3.30",
         "color": "^4.2.3",
         "warn-once": "^0.1.0"
-      },
-      "dependencies": {
-        "@react-navigation/elements": {
-          "version": "1.3.21",
-          "resolved": "https://registry.npmjs.org/@react-navigation/elements/-/elements-1.3.21.tgz",
-          "integrity": "sha512-eyS2C6McNR8ihUoYfc166O1D8VYVh9KIl0UQPI8/ZJVsStlfSTgeEEh+WXge6+7SFPnZ4ewzEJdSAHH+jzcEfg==",
-          "requires": {}
-        }
       }
     },
     "@react-navigation/core": {
@@ -21847,6 +21839,12 @@
         }
       }
     },
+    "@react-navigation/elements": {
+      "version": "1.3.30",
+      "resolved": "https://registry.npmjs.org/@react-navigation/elements/-/elements-1.3.30.tgz",
+      "integrity": "sha512-plhc8UvCZs0UkV+sI+3bisIyn78wz9O/BiWZXpounu72k/R/Sj5PuZYFJ1fi6psvriUveMCGh4LeZckAZu2qiQ==",
+      "requires": {}
+    },
     "@react-navigation/native": {
       "version": "6.1.9",
       "resolved": "https://registry.npmjs.org/@react-navigation/native/-/native-6.1.9.tgz",
@@ -22631,11 +22629,12 @@
       }
     },
     "babel-plugin-polyfill-corejs3": {
-      "version": "https://registry.npmjs.org/babel-plugin-polyfill-corejs3/-/babel-plugin-polyfill-corejs3-0.8.4.tgz",
-      "integrity": "sha512-9l//BZZsPR+5XjyJMPtZSK4jv0BsTO1zDac2GC6ygx9WLGlcsnRd1Co0B2zT5fF5Ic6BZy+9m3HNZ3QcOeDKfg==",
+      "version": "0.8.7",
+      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs3/-/babel-plugin-polyfill-corejs3-0.8.7.tgz",
+      "integrity": "sha512-KyDvZYxAzkC0Aj2dAPyDzi2Ym15e5JKZSK+maI7NAwSqofvuFglbSsxE7wUOvTg9oFVnHMzVzBKcqEb4PJgtOA==",
       "requires": {
-        "@babel/helper-define-polyfill-provider": "^0.4.2",
-        "core-js-compat": "^3.32.2"
+        "@babel/helper-define-polyfill-provider": "^0.4.4",
+        "core-js-compat": "^3.33.1"
       }
     },
     "babel-plugin-polyfill-regenerator": {
@@ -22862,13 +22861,13 @@
       }
     },
     "browserslist": {
-      "version": "4.22.1",
-      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.22.1.tgz",
-      "integrity": "sha512-FEVc202+2iuClEhZhrWy6ZiAcRLvNMyYcxZ8raemul1DYVOVdFsbqckWLdsixQZCpJlwe77Z3UTalE7jsjnKfQ==",
+      "version": "4.23.0",
+      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.23.0.tgz",
+      "integrity": "sha512-QW8HiM1shhT2GuzkvklfjcKDiWFXHOeFCIA/huJPwHsslwcydgk7X+z2zXpEijP98UCY7HbubZt5J2Zgvf0CaQ==",
       "requires": {
-        "caniuse-lite": "^1.0.30001541",
-        "electron-to-chromium": "^1.4.535",
-        "node-releases": "^2.0.13",
+        "caniuse-lite": "^1.0.30001587",
+        "electron-to-chromium": "^1.4.668",
+        "node-releases": "^2.0.14",
         "update-browserslist-db": "^1.0.13"
       }
     },
@@ -23033,9 +23032,9 @@
       }
     },
     "caniuse-lite": {
-      "version": "1.0.30001547",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001547.tgz",
-      "integrity": "sha512-W7CrtIModMAxobGhz8iXmDfuJiiKg1WADMO/9x7/CLNin5cpSbuBjooyoIUVB5eyCc36QuTVlkVa1iB2S5+/eA=="
+      "version": "1.0.30001600",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001600.tgz",
+      "integrity": "sha512-+2S9/2JFhYmYaDpZvo0lKkfvuKIglrx68MwOBqMGHhQsNkLjB5xtc/TGoEPs+MxjSyN/72qer2g97nzR641mOQ=="
     },
     "chalk": {
       "version": "2.4.2",
@@ -23421,11 +23420,11 @@
       }
     },
     "core-js-compat": {
-      "version": "3.33.0",
-      "resolved": "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.33.0.tgz",
-      "integrity": "sha512-0w4LcLXsVEuNkIqwjjf9rjCoPhK8uqA4tMRh4Ge26vfLtUutshn+aRJU21I9LCJlh2QQHfisNToLjw1XEJLTWw==",
+      "version": "3.36.1",
+      "resolved": "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.36.1.tgz",
+      "integrity": "sha512-Dk997v9ZCt3X/npqzyGdTlq6t7lDBhZwGvV94PKzDArjp7BTRm7WlDAXYd/OWdeFHO8OChQYRJNJvUCqCbrtKA==",
       "requires": {
-        "browserslist": "^4.22.1"
+        "browserslist": "^4.23.0"
       }
     },
     "core-util-is": {
@@ -23934,9 +23933,9 @@
       "integrity": "sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow=="
     },
     "electron-to-chromium": {
-      "version": "1.4.549",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.549.tgz",
-      "integrity": "sha512-gpXfJslSi4hYDkA0mTLEpYKRv9siAgSUgZ+UWyk+J5Cttpd1ThCVwdclzIwQSclz3hYn049+M2fgrP1WpvF8xg=="
+      "version": "1.4.722",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.722.tgz",
+      "integrity": "sha512-5nLE0TWFFpZ80Crhtp4pIp8LXCztjYX41yUcV6b+bKR2PqzjskTMOOlBi1VjBHlvHwS+4gar7kNKOrsbsewEZQ=="
     },
     "emoji-regex": {
       "version": "8.0.0",
@@ -27250,9 +27249,9 @@
       "integrity": "sha512-O5lz91xSOeoXP6DulyHfllpq+Eg00MWitZIbtPfoSEvqIHdl5gfcY6hYzDWnj0qD5tz52PI08u9qUvSVeUBeHw=="
     },
     "node-releases": {
-      "version": "2.0.13",
-      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.13.tgz",
-      "integrity": "sha512-uYr7J37ae/ORWdZeQ1xxMJe3NtdmqMC/JZK+geofDrkLUApKRHPd18/TxtBOJ4A0/+uUIliorNrfYV6s1b02eQ=="
+      "version": "2.0.14",
+      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.14.tgz",
+      "integrity": "sha512-y10wOWt8yZpqXmOgRo77WaHEmhYQYGNA6y421PKsKYWEK8aW+cqAphborZDhqfyKrbZEN92CN1X2KbafY2s7Yw=="
     },
     "node-stream-zip": {
       "version": "1.15.0",
diff --git a/HackRPIEventApp2023/package.json b/HackRPIEventApp2023/package.json
index 7681064..382e869 100644
--- a/HackRPIEventApp2023/package.json
+++ b/HackRPIEventApp2023/package.json
@@ -10,7 +10,7 @@
   },
   "dependencies": {
     "@expo/webpack-config": "^19.0.0",
-    "@react-navigation/bottom-tabs": "^6.5.11",
+    "@react-navigation/bottom-tabs": "^6.5.20",
     "@react-navigation/native": "^6.1.9",
     "@types/react": "~18.2.14",
     "expo": "^49.0.21",

From 9c78027bd86bf61c5786d3b2e8a33862195320cd Mon Sep 17 00:00:00 2001
From: kesfc <kevinli20030305@gmail.com>
Date: Fri, 29 Mar 2024 17:08:36 -0400
Subject: [PATCH 02/10] added login, but still too many need to fix

---
 HackRPIEventApp2023/App.js            | 117 ++++++++--------
 HackRPIEventApp2023/Login/Login.js    |  50 +++++++
 HackRPIEventApp2023/package-lock.json | 184 +++++++++++++++++++-------
 HackRPIEventApp2023/package.json      |   3 +-
 4 files changed, 249 insertions(+), 105 deletions(-)
 create mode 100644 HackRPIEventApp2023/Login/Login.js

diff --git a/HackRPIEventApp2023/App.js b/HackRPIEventApp2023/App.js
index a6e9844..e833724 100644
--- a/HackRPIEventApp2023/App.js
+++ b/HackRPIEventApp2023/App.js
@@ -1,16 +1,18 @@
-import React from "react";
-import { StyleSheet, View, Text } from "react-native";
+import React, { useState } from "react";
+import { StyleSheet, View, Text, Button } from "react-native";
 import { NavigationContainer } from "@react-navigation/native";
 import { createBottomTabNavigator } from "@react-navigation/bottom-tabs";
+import { createStackNavigator } from "@react-navigation/stack";
 import { Feather } from "@expo/vector-icons";
 import { StatusBar } from "expo-status-bar";
 import Calander from "./Box/Calander";
 import Food from "./information/Food";
 import HackerQue from "./HackerQue/QueEntry.js";
-// import { colors } from './colors';
 import { globalStyles } from "./styles";
+import Login from "./Login/Login";
 
 const Tab = createBottomTabNavigator();
+const Stack = createStackNavigator();
 
 function InfoScreen() {
   return (
@@ -24,7 +26,6 @@ function HomeScreen() {
   return (
     <View style={styles.container}>
       <Calander />
-
       <StatusBar style="auto" />
     </View>
   );
@@ -33,48 +34,72 @@ function HomeScreen() {
 function QueueScreen() {
   return (
     <View style={styles.container}>
-      <HackerQue></HackerQue>
+      <HackerQue />
     </View>
   );
 }
 
+const LoginScreen = ({ navigation }) => {
+  return (
+    <View style={styles.container}>
+      <Button title="Login" onPress={() => navigation.navigate("Login")} />
+    </View>
+  );
+};
+
 export default function App() {
+  const [loggedIn, setLoggedIn] = useState(false);
+
   return (
     <NavigationContainer>
-      <Tab.Navigator
-        screenOptions={({ route }) => ({
-          tabBarIcon: ({ focused, color, size }) => {
-            //adding icons
-            let iconName;
-            if (route.name === "Info") {
-              iconName = "info";
-            } else if (route.name === "Home") {
-              iconName = "home";
-            } else if (route.name === "Queue") {
-              iconName = "user";
-            }
-            return (
-              <Feather
-                name={iconName}
-                size={size}
-                color={focused ? "red" : "white"}
-              />
-            );
-          },
-          tabBarLabelStyle: {
-            fontSize: 12,
-          },
-          tabBarStyle: {
-            backgroundColor: globalStyles.primary, // should this be transparent?
-            borderTopWidth: 0, // Hide top border of the tab bar
-          },
-          tabBarActiveTintColor: globalStyles.accent,
-          tabBarInactiveTintColor: "white",
-        })}>
-        <Tab.Screen name="Info" component={InfoScreen} />
-        <Tab.Screen name="Home" component={HomeScreen} />
-        <Tab.Screen name="Queue" component={QueueScreen} />
-      </Tab.Navigator>
+      <Stack.Navigator>
+        {loggedIn ? (
+          <>
+            <Stack.Screen name="Home" component={HomeScreen} />
+            <Stack.Screen name="Info" component={InfoScreen} />
+            <Stack.Screen name="Queue" component={QueueScreen} />
+          </>
+        ) : (
+          <Stack.Screen name="Login" component={Login} />
+        )}
+      </Stack.Navigator>
+
+      {loggedIn && (
+        <Tab.Navigator
+          screenOptions={({ route }) => ({
+            tabBarIcon: ({ focused, color, size }) => {
+              let iconName;
+              if (route.name === "Info") {
+                iconName = "info";
+              } else if (route.name === "Home") {
+                iconName = "home";
+              } else if (route.name === "Queue") {
+                iconName = "user";
+              }
+              return (
+                <Feather
+                  name={iconName}
+                  size={size}
+                  color={focused ? "red" : "white"}
+                />
+              );
+            },
+            tabBarLabelStyle: {
+              fontSize: 12,
+            },
+            tabBarStyle: {
+              backgroundColor: globalStyles.primary,
+              borderTopWidth: 0,
+            },
+            tabBarActiveTintColor: globalStyles.accent,
+            tabBarInactiveTintColor: "white",
+          })}
+        >
+          <Tab.Screen name="Info" component={InfoScreen} />
+          <Tab.Screen name="Home" component={HomeScreen} />
+          <Tab.Screen name="Queue" component={QueueScreen} />
+        </Tab.Navigator>
+      )}
     </NavigationContainer>
   );
 }
@@ -86,18 +111,4 @@ const styles = StyleSheet.create({
     alignItems: "center",
     justifyContent: "center",
   },
-  text: {
-    fontSize: globalStyles.fontSize,
-    fontWeight: globalStyles.fontWeight,
-    color: globalStyles.text,
-  },
-  circleContainer: {
-    flexDirection: "row",
-    alignItems: "center",
-    justifyContent: "space-around",
-  },
-  circle: {
-    borderRadius: 50,
-    overflow: "hidden",
-  },
 });
diff --git a/HackRPIEventApp2023/Login/Login.js b/HackRPIEventApp2023/Login/Login.js
new file mode 100644
index 0000000..cf2144b
--- /dev/null
+++ b/HackRPIEventApp2023/Login/Login.js
@@ -0,0 +1,50 @@
+import React, { useState } from 'react';
+import { View, Text, TextInput, TouchableOpacity, Alert } from 'react-native';
+
+const Login = () => {
+  const [username, setUsername] = useState('');
+  const [password, setPassword] = useState('');
+  const [loggedIn, setLoggedIn] = useState(false);
+
+  const handleLogin = () => {
+    if (username && password) {
+      setLoggedIn(true);
+      Alert.alert('Logged in successfully!');
+    } else {
+      Alert.alert('Please enter username and password');
+    }
+  };
+
+  return (
+    <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
+      {loggedIn ? (
+        <Text>Welcome, {username}!</Text>
+      ) : (
+        <View>
+          <Text style={{ fontSize: 20 }}>Login</Text>
+          <TextInput
+            style={{ height: 40, borderColor: 'gray', borderWidth: 1, marginBottom: 10, paddingHorizontal: 10 }}
+            placeholder="Username"
+            value={username}
+            onChangeText={(text) => setUsername(text)}
+          />
+          <TextInput
+            style={{ height: 40, borderColor: 'gray', borderWidth: 1, marginBottom: 10, paddingHorizontal: 10 }}
+            placeholder="Password"
+            secureTextEntry={true}
+            value={password}
+            onChangeText={(text) => setPassword(text)}
+          />
+          <TouchableOpacity
+            style={{ backgroundColor: 'blue', padding: 10, borderRadius: 5 }}
+            onPress={handleLogin}
+          >
+            <Text style={{ color: 'white', textAlign: 'center' }}>Login</Text>
+          </TouchableOpacity>
+        </View>
+      )}
+    </View>
+  );
+};
+
+export default Login;
diff --git a/HackRPIEventApp2023/package-lock.json b/HackRPIEventApp2023/package-lock.json
index 609d386..455e569 100644
--- a/HackRPIEventApp2023/package-lock.json
+++ b/HackRPIEventApp2023/package-lock.json
@@ -10,7 +10,8 @@
       "dependencies": {
         "@expo/webpack-config": "^19.0.0",
         "@react-navigation/bottom-tabs": "^6.5.20",
-        "@react-navigation/native": "^6.1.9",
+        "@react-navigation/native": "^6.1.17",
+        "@react-navigation/stack": "^6.3.29",
         "@types/react": "~18.2.14",
         "expo": "^49.0.21",
         "expo-status-bar": "~1.6.0",
@@ -2075,6 +2076,18 @@
         "node": ">=6.9.0"
       }
     },
+    "node_modules/@egjs/hammerjs": {
+      "version": "2.0.17",
+      "resolved": "https://registry.npmjs.org/@egjs/hammerjs/-/hammerjs-2.0.17.tgz",
+      "integrity": "sha512-XQsZgjm2EcVUiZQf11UBJQfmZeEmOW8DpI1gsFeln6w0ae0ii4dMQEQ0kjl6DspdWX1aGY1/loyXnP0JS06e/A==",
+      "peer": true,
+      "dependencies": {
+        "@types/hammerjs": "^2.0.36"
+      },
+      "engines": {
+        "node": ">=0.8.0"
+      }
+    },
     "node_modules/@expo/bunyan": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/@expo/bunyan/-/bunyan-4.0.0.tgz",
@@ -6063,37 +6076,21 @@
       }
     },
     "node_modules/@react-navigation/core": {
-      "version": "6.4.10",
-      "resolved": "https://registry.npmjs.org/@react-navigation/core/-/core-6.4.10.tgz",
-      "integrity": "sha512-oYhqxETRHNHKsipm/BtGL0LI43Hs2VSFoWMbBdHK9OqgQPjTVUitslgLcPpo4zApCcmBWoOLX2qPxhsBda644A==",
+      "version": "6.4.16",
+      "resolved": "https://registry.npmjs.org/@react-navigation/core/-/core-6.4.16.tgz",
+      "integrity": "sha512-UDTJBsHxnzgFETR3ZxhctP+RWr4SkyeZpbhpkQoIGOuwSCkt1SE0qjU48/u6r6w6XlX8OqVudn1Ab0QFXTHxuQ==",
       "dependencies": {
         "@react-navigation/routers": "^6.1.9",
         "escape-string-regexp": "^4.0.0",
         "nanoid": "^3.1.23",
         "query-string": "^7.1.3",
         "react-is": "^16.13.0",
-        "use-latest-callback": "^0.1.7"
+        "use-latest-callback": "^0.1.9"
       },
       "peerDependencies": {
         "react": "*"
       }
     },
-    "node_modules/@react-navigation/core/node_modules/escape-string-regexp": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz",
-      "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==",
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/@react-navigation/core/node_modules/react-is": {
-      "version": "16.13.1",
-      "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
-      "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ=="
-    },
     "node_modules/@react-navigation/elements": {
       "version": "1.3.30",
       "resolved": "https://registry.npmjs.org/@react-navigation/elements/-/elements-1.3.30.tgz",
@@ -6106,11 +6103,11 @@
       }
     },
     "node_modules/@react-navigation/native": {
-      "version": "6.1.9",
-      "resolved": "https://registry.npmjs.org/@react-navigation/native/-/native-6.1.9.tgz",
-      "integrity": "sha512-AMuJDpwXE7UlfyhIXaUCCynXmv69Kb8NzKgKJO7v0k0L+u6xUTbt6xvshmJ79vsvaFyaEH9Jg5FMzek5/S5qNw==",
+      "version": "6.1.17",
+      "resolved": "https://registry.npmjs.org/@react-navigation/native/-/native-6.1.17.tgz",
+      "integrity": "sha512-mer3OvfwWOHoUSMJyLa4vnBH3zpFmCwuzrBPlw7feXklurr/ZDiLjLxUScOot6jLRMz/67GyilEYMmP99LL0RQ==",
       "dependencies": {
-        "@react-navigation/core": "^6.4.10",
+        "@react-navigation/core": "^6.4.16",
         "escape-string-regexp": "^4.0.0",
         "fast-deep-equal": "^3.1.3",
         "nanoid": "^3.1.23"
@@ -6128,6 +6125,24 @@
         "nanoid": "^3.1.23"
       }
     },
+    "node_modules/@react-navigation/stack": {
+      "version": "6.3.29",
+      "resolved": "https://registry.npmjs.org/@react-navigation/stack/-/stack-6.3.29.tgz",
+      "integrity": "sha512-tzlGkoRgB6P7vgw7rHuWo3TL7Gzu6xh5LMf+zSdCuEiKp/qASzxYfnTEr9tOLbVs/gf+qeukEDheCSAJKVpBXw==",
+      "dependencies": {
+        "@react-navigation/elements": "^1.3.30",
+        "color": "^4.2.3",
+        "warn-once": "^0.1.0"
+      },
+      "peerDependencies": {
+        "@react-navigation/native": "^6.0.0",
+        "react": "*",
+        "react-native": "*",
+        "react-native-gesture-handler": ">= 1.0.0",
+        "react-native-safe-area-context": ">= 3.0.0",
+        "react-native-screens": ">= 3.0.0"
+      }
+    },
     "node_modules/@segment/loosely-validate-event": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/@segment/loosely-validate-event/-/loosely-validate-event-2.0.0.tgz",
@@ -6272,6 +6287,12 @@
         "@types/node": "*"
       }
     },
+    "node_modules/@types/hammerjs": {
+      "version": "2.0.45",
+      "resolved": "https://registry.npmjs.org/@types/hammerjs/-/hammerjs-2.0.45.tgz",
+      "integrity": "sha512-qkcUlZmX6c4J8q45taBKTL3p+LbITgyx7qhlPYOdOHZB7B31K0mXbP5YA7i7SgDeEGuI9MnumiKPEMrxg8j3KQ==",
+      "peer": true
+    },
     "node_modules/@types/html-minifier-terser": {
       "version": "6.1.0",
       "resolved": "https://registry.npmjs.org/@types/html-minifier-terser/-/html-minifier-terser-6.1.0.tgz",
@@ -10218,6 +10239,15 @@
         "node": ">= 8"
       }
     },
+    "node_modules/hoist-non-react-statics": {
+      "version": "3.3.2",
+      "resolved": "https://registry.npmjs.org/hoist-non-react-statics/-/hoist-non-react-statics-3.3.2.tgz",
+      "integrity": "sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw==",
+      "peer": true,
+      "dependencies": {
+        "react-is": "^16.7.0"
+      }
+    },
     "node_modules/hosted-git-info": {
       "version": "3.0.8",
       "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-3.0.8.tgz",
@@ -14723,6 +14753,23 @@
         "react": "18.2.0"
       }
     },
+    "node_modules/react-native-gesture-handler": {
+      "version": "2.16.0",
+      "resolved": "https://registry.npmjs.org/react-native-gesture-handler/-/react-native-gesture-handler-2.16.0.tgz",
+      "integrity": "sha512-1hFkx7RIfeJSyTQQ0Nkv4icFVZ5+XjQkd47OgZMBFzoB7ecL+nFSz8KLi3OCWOhq+nbHpSPlSG5VF3CQNCJpWA==",
+      "peer": true,
+      "dependencies": {
+        "@egjs/hammerjs": "^2.0.17",
+        "hoist-non-react-statics": "^3.3.0",
+        "invariant": "^2.2.4",
+        "lodash": "^4.17.21",
+        "prop-types": "^15.7.2"
+      },
+      "peerDependencies": {
+        "react": "*",
+        "react-native": "*"
+      }
+    },
     "node_modules/react-native-image-pan-zoom": {
       "version": "2.1.12",
       "resolved": "https://registry.npmjs.org/react-native-image-pan-zoom/-/react-native-image-pan-zoom-2.1.12.tgz",
@@ -16710,9 +16757,9 @@
       }
     },
     "node_modules/use-latest-callback": {
-      "version": "0.1.7",
-      "resolved": "https://registry.npmjs.org/use-latest-callback/-/use-latest-callback-0.1.7.tgz",
-      "integrity": "sha512-Hlrl0lskgZZpo2vIpZ4rA7qA/rAGn2PcDvDH1M47AogqMPB0qlGEdsa66AVkIUiEEDpfxA9/N6hY6MqtaNoqWA==",
+      "version": "0.1.9",
+      "resolved": "https://registry.npmjs.org/use-latest-callback/-/use-latest-callback-0.1.9.tgz",
+      "integrity": "sha512-CL/29uS74AwreI/f2oz2hLTW7ZqVeV5+gxFeGudzQrgkCytrHw33G4KbnQOrRlAEzzAFXi7dDLMC9zhWcVpzmw==",
       "peerDependencies": {
         "react": ">=16.8"
       }
@@ -18868,6 +18915,15 @@
         "to-fast-properties": "^2.0.0"
       }
     },
+    "@egjs/hammerjs": {
+      "version": "2.0.17",
+      "resolved": "https://registry.npmjs.org/@egjs/hammerjs/-/hammerjs-2.0.17.tgz",
+      "integrity": "sha512-XQsZgjm2EcVUiZQf11UBJQfmZeEmOW8DpI1gsFeln6w0ae0ii4dMQEQ0kjl6DspdWX1aGY1/loyXnP0JS06e/A==",
+      "peer": true,
+      "requires": {
+        "@types/hammerjs": "^2.0.36"
+      }
+    },
     "@expo/bunyan": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/@expo/bunyan/-/bunyan-4.0.0.tgz",
@@ -21815,28 +21871,16 @@
       }
     },
     "@react-navigation/core": {
-      "version": "6.4.10",
-      "resolved": "https://registry.npmjs.org/@react-navigation/core/-/core-6.4.10.tgz",
-      "integrity": "sha512-oYhqxETRHNHKsipm/BtGL0LI43Hs2VSFoWMbBdHK9OqgQPjTVUitslgLcPpo4zApCcmBWoOLX2qPxhsBda644A==",
+      "version": "6.4.16",
+      "resolved": "https://registry.npmjs.org/@react-navigation/core/-/core-6.4.16.tgz",
+      "integrity": "sha512-UDTJBsHxnzgFETR3ZxhctP+RWr4SkyeZpbhpkQoIGOuwSCkt1SE0qjU48/u6r6w6XlX8OqVudn1Ab0QFXTHxuQ==",
       "requires": {
         "@react-navigation/routers": "^6.1.9",
         "escape-string-regexp": "^4.0.0",
         "nanoid": "^3.1.23",
         "query-string": "^7.1.3",
         "react-is": "^16.13.0",
-        "use-latest-callback": "^0.1.7"
-      },
-      "dependencies": {
-        "escape-string-regexp": {
-          "version": "4.0.0",
-          "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz",
-          "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA=="
-        },
-        "react-is": {
-          "version": "16.13.1",
-          "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
-          "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ=="
-        }
+        "use-latest-callback": "^0.1.9"
       }
     },
     "@react-navigation/elements": {
@@ -21846,11 +21890,11 @@
       "requires": {}
     },
     "@react-navigation/native": {
-      "version": "6.1.9",
-      "resolved": "https://registry.npmjs.org/@react-navigation/native/-/native-6.1.9.tgz",
-      "integrity": "sha512-AMuJDpwXE7UlfyhIXaUCCynXmv69Kb8NzKgKJO7v0k0L+u6xUTbt6xvshmJ79vsvaFyaEH9Jg5FMzek5/S5qNw==",
+      "version": "6.1.17",
+      "resolved": "https://registry.npmjs.org/@react-navigation/native/-/native-6.1.17.tgz",
+      "integrity": "sha512-mer3OvfwWOHoUSMJyLa4vnBH3zpFmCwuzrBPlw7feXklurr/ZDiLjLxUScOot6jLRMz/67GyilEYMmP99LL0RQ==",
       "requires": {
-        "@react-navigation/core": "^6.4.10",
+        "@react-navigation/core": "^6.4.16",
         "escape-string-regexp": "^4.0.0",
         "fast-deep-equal": "^3.1.3",
         "nanoid": "^3.1.23"
@@ -21864,6 +21908,16 @@
         "nanoid": "^3.1.23"
       }
     },
+    "@react-navigation/stack": {
+      "version": "6.3.29",
+      "resolved": "https://registry.npmjs.org/@react-navigation/stack/-/stack-6.3.29.tgz",
+      "integrity": "sha512-tzlGkoRgB6P7vgw7rHuWo3TL7Gzu6xh5LMf+zSdCuEiKp/qASzxYfnTEr9tOLbVs/gf+qeukEDheCSAJKVpBXw==",
+      "requires": {
+        "@react-navigation/elements": "^1.3.30",
+        "color": "^4.2.3",
+        "warn-once": "^0.1.0"
+      }
+    },
     "@segment/loosely-validate-event": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/@segment/loosely-validate-event/-/loosely-validate-event-2.0.0.tgz",
@@ -22005,6 +22059,12 @@
         "@types/node": "*"
       }
     },
+    "@types/hammerjs": {
+      "version": "2.0.45",
+      "resolved": "https://registry.npmjs.org/@types/hammerjs/-/hammerjs-2.0.45.tgz",
+      "integrity": "sha512-qkcUlZmX6c4J8q45taBKTL3p+LbITgyx7qhlPYOdOHZB7B31K0mXbP5YA7i7SgDeEGuI9MnumiKPEMrxg8j3KQ==",
+      "peer": true
+    },
     "@types/html-minifier-terser": {
       "version": "6.1.0",
       "resolved": "https://registry.npmjs.org/@types/html-minifier-terser/-/html-minifier-terser-6.1.0.tgz",
@@ -25009,6 +25069,15 @@
         }
       }
     },
+    "hoist-non-react-statics": {
+      "version": "3.3.2",
+      "resolved": "https://registry.npmjs.org/hoist-non-react-statics/-/hoist-non-react-statics-3.3.2.tgz",
+      "integrity": "sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw==",
+      "peer": true,
+      "requires": {
+        "react-is": "^16.7.0"
+      }
+    },
     "hosted-git-info": {
       "version": "3.0.8",
       "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-3.0.8.tgz",
@@ -28310,6 +28379,19 @@
         }
       }
     },
+    "react-native-gesture-handler": {
+      "version": "2.16.0",
+      "resolved": "https://registry.npmjs.org/react-native-gesture-handler/-/react-native-gesture-handler-2.16.0.tgz",
+      "integrity": "sha512-1hFkx7RIfeJSyTQQ0Nkv4icFVZ5+XjQkd47OgZMBFzoB7ecL+nFSz8KLi3OCWOhq+nbHpSPlSG5VF3CQNCJpWA==",
+      "peer": true,
+      "requires": {
+        "@egjs/hammerjs": "^2.0.17",
+        "hoist-non-react-statics": "^3.3.0",
+        "invariant": "^2.2.4",
+        "lodash": "^4.17.21",
+        "prop-types": "^15.7.2"
+      }
+    },
     "react-native-image-pan-zoom": {
       "version": "2.1.12",
       "resolved": "https://registry.npmjs.org/react-native-image-pan-zoom/-/react-native-image-pan-zoom-2.1.12.tgz",
@@ -29775,9 +29857,9 @@
       }
     },
     "use-latest-callback": {
-      "version": "0.1.7",
-      "resolved": "https://registry.npmjs.org/use-latest-callback/-/use-latest-callback-0.1.7.tgz",
-      "integrity": "sha512-Hlrl0lskgZZpo2vIpZ4rA7qA/rAGn2PcDvDH1M47AogqMPB0qlGEdsa66AVkIUiEEDpfxA9/N6hY6MqtaNoqWA==",
+      "version": "0.1.9",
+      "resolved": "https://registry.npmjs.org/use-latest-callback/-/use-latest-callback-0.1.9.tgz",
+      "integrity": "sha512-CL/29uS74AwreI/f2oz2hLTW7ZqVeV5+gxFeGudzQrgkCytrHw33G4KbnQOrRlAEzzAFXi7dDLMC9zhWcVpzmw==",
       "requires": {}
     },
     "use-sync-external-store": {
diff --git a/HackRPIEventApp2023/package.json b/HackRPIEventApp2023/package.json
index 382e869..897bec2 100644
--- a/HackRPIEventApp2023/package.json
+++ b/HackRPIEventApp2023/package.json
@@ -11,7 +11,8 @@
   "dependencies": {
     "@expo/webpack-config": "^19.0.0",
     "@react-navigation/bottom-tabs": "^6.5.20",
-    "@react-navigation/native": "^6.1.9",
+    "@react-navigation/native": "^6.1.17",
+    "@react-navigation/stack": "^6.3.29",
     "@types/react": "~18.2.14",
     "expo": "^49.0.21",
     "expo-status-bar": "~1.6.0",

From 62a61626516dc33369aa1bf1fc0393c3fc5c9b65 Mon Sep 17 00:00:00 2001
From: kesfc <kevinli20030305@gmail.com>
Date: Fri, 29 Mar 2024 18:16:31 -0400
Subject: [PATCH 03/10] I been tried to add a button at the top of the main
 page, but it seems like since it need to use navigator as well as
 stack.navigator, so there is an conflict, I will figure out how to add the
 login button next time

---
 HackRPIEventApp2023/App.js               | 96 ++++++++++--------------
 HackRPIEventApp2023/Login/LoginButton.js | 27 +++++++
 2 files changed, 67 insertions(+), 56 deletions(-)
 create mode 100644 HackRPIEventApp2023/Login/LoginButton.js

diff --git a/HackRPIEventApp2023/App.js b/HackRPIEventApp2023/App.js
index e833724..7c480ed 100644
--- a/HackRPIEventApp2023/App.js
+++ b/HackRPIEventApp2023/App.js
@@ -1,18 +1,17 @@
-import React, { useState } from "react";
+import React from "react";
 import { StyleSheet, View, Text, Button } from "react-native";
 import { NavigationContainer } from "@react-navigation/native";
 import { createBottomTabNavigator } from "@react-navigation/bottom-tabs";
-import { createStackNavigator } from "@react-navigation/stack";
 import { Feather } from "@expo/vector-icons";
 import { StatusBar } from "expo-status-bar";
 import Calander from "./Box/Calander";
 import Food from "./information/Food";
 import HackerQue from "./HackerQue/QueEntry.js";
 import { globalStyles } from "./styles";
+import LoginButton from "./Login/LoginButton";
 import Login from "./Login/Login";
 
 const Tab = createBottomTabNavigator();
-const Stack = createStackNavigator();
 
 function InfoScreen() {
   return (
@@ -39,67 +38,52 @@ function QueueScreen() {
   );
 }
 
-const LoginScreen = ({ navigation }) => {
+const CustomHeader = ({ navigation }) => {
   return (
-    <View style={styles.container}>
-      <Button title="Login" onPress={() => navigation.navigate("Login")} />
+    <View style={{ flexDirection: 'row', justifyContent: 'space-between', paddingHorizontal: 20 }}>
+      <LoginButton navigation={navigation} />
     </View>
   );
 };
 
 export default function App() {
-  const [loggedIn, setLoggedIn] = useState(false);
-
   return (
     <NavigationContainer>
-      <Stack.Navigator>
-        {loggedIn ? (
-          <>
-            <Stack.Screen name="Home" component={HomeScreen} />
-            <Stack.Screen name="Info" component={InfoScreen} />
-            <Stack.Screen name="Queue" component={QueueScreen} />
-          </>
-        ) : (
-          <Stack.Screen name="Login" component={Login} />
-        )}
-      </Stack.Navigator>
-
-      {loggedIn && (
-        <Tab.Navigator
-          screenOptions={({ route }) => ({
-            tabBarIcon: ({ focused, color, size }) => {
-              let iconName;
-              if (route.name === "Info") {
-                iconName = "info";
-              } else if (route.name === "Home") {
-                iconName = "home";
-              } else if (route.name === "Queue") {
-                iconName = "user";
-              }
-              return (
-                <Feather
-                  name={iconName}
-                  size={size}
-                  color={focused ? "red" : "white"}
-                />
-              );
-            },
-            tabBarLabelStyle: {
-              fontSize: 12,
-            },
-            tabBarStyle: {
-              backgroundColor: globalStyles.primary,
-              borderTopWidth: 0,
-            },
-            tabBarActiveTintColor: globalStyles.accent,
-            tabBarInactiveTintColor: "white",
-          })}
-        >
-          <Tab.Screen name="Info" component={InfoScreen} />
-          <Tab.Screen name="Home" component={HomeScreen} />
-          <Tab.Screen name="Queue" component={QueueScreen} />
-        </Tab.Navigator>
-      )}
+      <Tab.Navigator
+        screenOptions={({ route }) => ({
+          header: (props) => <CustomHeader {...props} />,
+          tabBarIcon: ({ focused, color, size }) => {
+            let iconName;
+            if (route.name === "Info") {
+              iconName = "info";
+            } else if (route.name === "Home") {
+              iconName = "home";
+            } else if (route.name === "Queue") {
+              iconName = "user";
+            }
+            return (
+              <Feather
+                name={iconName}
+                size={size}
+                color={focused ? "red" : "white"}
+              />
+            );
+          },
+          tabBarLabelStyle: {
+            fontSize: 12,
+          },
+          tabBarStyle: {
+            backgroundColor: globalStyles.primary,
+            borderTopWidth: 0,
+          },
+          tabBarActiveTintColor: globalStyles.accent,
+          tabBarInactiveTintColor: "white",
+        })}
+      >
+        <Tab.Screen name="Info" component={InfoScreen} />
+        <Tab.Screen name="Home" component={HomeScreen} />
+        <Tab.Screen name="Queue" component={QueueScreen} />
+      </Tab.Navigator>
     </NavigationContainer>
   );
 }
diff --git a/HackRPIEventApp2023/Login/LoginButton.js b/HackRPIEventApp2023/Login/LoginButton.js
new file mode 100644
index 0000000..97d6e66
--- /dev/null
+++ b/HackRPIEventApp2023/Login/LoginButton.js
@@ -0,0 +1,27 @@
+// ParentComponent.js
+import React from 'react';
+import { View } from 'react-native';
+import { createStackNavigator } from '@react-navigation/stack'; // Import createStackNavigator from React Navigation
+import Login from './Login';
+import LoginButton from './LoginButton';
+
+const Stack = createStackNavigator();
+
+const ParentComponent = () => {
+  return (
+    <Stack.Navigator>
+      <Stack.Screen name="Login" component={Login} />
+      <Stack.Screen name="Home" component={HomeScreen} />
+    </Stack.Navigator>
+  );
+};
+
+const HomeScreen = ({ navigation }) => {
+  return (
+    <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
+      <LoginButton navigation={navigation} />
+    </View>
+  );
+};
+
+export default ParentComponent;

From 8d6f15a4567071ab29d93e38abbacf20a0e9a944 Mon Sep 17 00:00:00 2001
From: kesfc <kevinli20030305@gmail.com>
Date: Sun, 7 Apr 2024 21:53:22 -0400
Subject: [PATCH 04/10] added login button and login page

---
 HackRPIEventApp2023/App.js               | 31 ++++++++++++++++++------
 HackRPIEventApp2023/Login/Login.js       |  2 +-
 HackRPIEventApp2023/Login/LoginButton.js |  3 +--
 3 files changed, 25 insertions(+), 11 deletions(-)

diff --git a/HackRPIEventApp2023/App.js b/HackRPIEventApp2023/App.js
index 7c480ed..76fac39 100644
--- a/HackRPIEventApp2023/App.js
+++ b/HackRPIEventApp2023/App.js
@@ -8,50 +8,64 @@ import Calander from "./Box/Calander";
 import Food from "./information/Food";
 import HackerQue from "./HackerQue/QueEntry.js";
 import { globalStyles } from "./styles";
-import LoginButton from "./Login/LoginButton";
 import Login from "./Login/Login";
 
 const Tab = createBottomTabNavigator();
 
 function InfoScreen() {
+  const goToLogin = () => {
+    navigation.navigate("Login");
+  };
+
   return (
     <View style={styles.container}>
       <Food />
+      <Button title="Login" onPress={goToLogin} />
+      <StatusBar style="auto" />
     </View>
   );
 }
 
-function HomeScreen() {
+function HomeScreen({ navigation }) {
+  const goToLogin = () => {
+    navigation.navigate("Login");
+  };
+
   return (
     <View style={styles.container}>
       <Calander />
+      <Button title="Login" onPress={goToLogin} />
       <StatusBar style="auto" />
     </View>
   );
 }
 
 function QueueScreen() {
+  const goToLogin = () => {
+    navigation.navigate("Login");
+  };
   return (
     <View style={styles.container}>
       <HackerQue />
+      <Button title="Login" onPress={goToLogin} />
+      <StatusBar style="auto" />
     </View>
   );
 }
 
-const CustomHeader = ({ navigation }) => {
+function LoginScreen() {
   return (
-    <View style={{ flexDirection: 'row', justifyContent: 'space-between', paddingHorizontal: 20 }}>
-      <LoginButton navigation={navigation} />
+    <View style={styles.container}>
+      <Login/>
     </View>
   );
-};
+}
 
 export default function App() {
   return (
     <NavigationContainer>
       <Tab.Navigator
         screenOptions={({ route }) => ({
-          header: (props) => <CustomHeader {...props} />,
           tabBarIcon: ({ focused, color, size }) => {
             let iconName;
             if (route.name === "Info") {
@@ -80,9 +94,10 @@ export default function App() {
           tabBarInactiveTintColor: "white",
         })}
       >
-        <Tab.Screen name="Info" component={InfoScreen} />
         <Tab.Screen name="Home" component={HomeScreen} />
+        <Tab.Screen name="Info" component={InfoScreen} />
         <Tab.Screen name="Queue" component={QueueScreen} />
+        <Tab.Screen name="Login" component={LoginScreen} />
       </Tab.Navigator>
     </NavigationContainer>
   );
diff --git a/HackRPIEventApp2023/Login/Login.js b/HackRPIEventApp2023/Login/Login.js
index cf2144b..f2f83a4 100644
--- a/HackRPIEventApp2023/Login/Login.js
+++ b/HackRPIEventApp2023/Login/Login.js
@@ -18,7 +18,7 @@ const Login = () => {
   return (
     <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
       {loggedIn ? (
-        <Text>Welcome, {username}!</Text>
+        <Text>Welcome, mentor!</Text>
       ) : (
         <View>
           <Text style={{ fontSize: 20 }}>Login</Text>
diff --git a/HackRPIEventApp2023/Login/LoginButton.js b/HackRPIEventApp2023/Login/LoginButton.js
index 97d6e66..74df58e 100644
--- a/HackRPIEventApp2023/Login/LoginButton.js
+++ b/HackRPIEventApp2023/Login/LoginButton.js
@@ -3,7 +3,6 @@ import React from 'react';
 import { View } from 'react-native';
 import { createStackNavigator } from '@react-navigation/stack'; // Import createStackNavigator from React Navigation
 import Login from './Login';
-import LoginButton from './LoginButton';
 
 const Stack = createStackNavigator();
 
@@ -18,7 +17,7 @@ const ParentComponent = () => {
 
 const HomeScreen = ({ navigation }) => {
   return (
-    <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
+    <View style={{ flex: 20, justifyContent: 'center', alignItems: 'center' }}>
       <LoginButton navigation={navigation} />
     </View>
   );

From 2402db5ecb9a04c0237011075ef24b804c883f0a Mon Sep 17 00:00:00 2001
From: kesfc <kevinli20030305@gmail.com>
Date: Sat, 13 Apr 2024 13:48:57 -0400
Subject: [PATCH 05/10] Verification code added

---
 HackRPIEventApp2023/App.js         |  3 +++
 HackRPIEventApp2023/Login/Login.js | 43 +++++++++++++++++++++++++++---
 2 files changed, 43 insertions(+), 3 deletions(-)

diff --git a/HackRPIEventApp2023/App.js b/HackRPIEventApp2023/App.js
index 76fac39..2112dab 100644
--- a/HackRPIEventApp2023/App.js
+++ b/HackRPIEventApp2023/App.js
@@ -75,6 +75,9 @@ export default function App() {
             } else if (route.name === "Queue") {
               iconName = "user";
             }
+            else if (route.name === "Login") {
+              iconName = "log-in";
+            }
             return (
               <Feather
                 name={iconName}
diff --git a/HackRPIEventApp2023/Login/Login.js b/HackRPIEventApp2023/Login/Login.js
index f2f83a4..8a5b2d8 100644
--- a/HackRPIEventApp2023/Login/Login.js
+++ b/HackRPIEventApp2023/Login/Login.js
@@ -1,20 +1,41 @@
 import React, { useState } from 'react';
-import { View, Text, TextInput, TouchableOpacity, Alert } from 'react-native';
+import { View, Text, TextInput, TouchableOpacity, Image, Alert } from 'react-native';
 
 const Login = () => {
   const [username, setUsername] = useState('');
   const [password, setPassword] = useState('');
+  const [verificationCode, setVerificationCode] = useState('');
+  const [generatedCode, setGeneratedCode] = useState('');
   const [loggedIn, setLoggedIn] = useState(false);
 
+  const generateRandomCode = () => {
+    const chars = '0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ';
+    let code = '';
+    for (let i = 0; i < 6; i++) {
+      code += chars.charAt(Math.floor(Math.random() * chars.length));
+    }
+    setGeneratedCode(code);
+  };
+
   const handleLogin = () => {
-    if (username && password) {
+    if (username && password && verificationCode === generatedCode) {
       setLoggedIn(true);
       Alert.alert('Logged in successfully!');
     } else {
-      Alert.alert('Please enter username and password');
+      Alert.alert('Please enter valid credentials and verification code');
     }
   };
 
+  const handleReloadVerificationCode = () => {
+    generateRandomCode();
+    setVerificationCode('');
+  };
+
+  // Initial generation of the verification code
+  useState(() => {
+    generateRandomCode();
+  }, []);
+
   return (
     <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
       {loggedIn ? (
@@ -35,6 +56,22 @@ const Login = () => {
             value={password}
             onChangeText={(text) => setPassword(text)}
           />
+          <Image
+            style={{ width: 200, height: 50, marginBottom: 10 }}
+            source={{ uri: `https://via.placeholder.com/200x50?text=${generatedCode}` }} // Placeholder URL with generated code
+          />
+          <TouchableOpacity
+            style={{ backgroundColor: 'blue', padding: 10, borderRadius: 5, marginBottom: 10 }}
+            onPress={handleReloadVerificationCode}
+          >
+            <Text style={{ color: 'white', textAlign: 'center' }}>Reload Verification Code</Text>
+          </TouchableOpacity>
+          <TextInput
+            style={{ height: 40, borderColor: 'gray', borderWidth: 1, marginBottom: 10, paddingHorizontal: 10 }}
+            placeholder="Verification Code"
+            value={verificationCode}
+            onChangeText={(text) => setVerificationCode(text)}
+          />
           <TouchableOpacity
             style={{ backgroundColor: 'blue', padding: 10, borderRadius: 5 }}
             onPress={handleLogin}

From 73781fba537fb45f3fa5d46c36250057846ea5e7 Mon Sep 17 00:00:00 2001
From: kesfc <kevinli20030305@gmail.com>
Date: Sat, 13 Apr 2024 14:21:29 -0400
Subject: [PATCH 06/10] make UI looks better and all functions works better

---
 HackRPIEventApp2023/Login/Login.js | 80 ++++++++++++++++++++++++------
 1 file changed, 65 insertions(+), 15 deletions(-)

diff --git a/HackRPIEventApp2023/Login/Login.js b/HackRPIEventApp2023/Login/Login.js
index 8a5b2d8..157913b 100644
--- a/HackRPIEventApp2023/Login/Login.js
+++ b/HackRPIEventApp2023/Login/Login.js
@@ -31,6 +31,28 @@ const Login = () => {
     setVerificationCode('');
   };
 
+  const handleLogout = () => {
+    Alert.alert(
+      'Confirm Logout',
+      'Are you sure you want to log out?',
+      [
+        {
+          text: 'Cancel',
+          style: 'cancel',
+        },
+        {
+          text: 'OK',
+          onPress: () => {setLoggedIn(false);
+          setUsername('');
+          setPassword('');
+          setVerificationCode('');
+          generateRandomCode()}
+        },
+      ],
+      { cancelable: false }
+    );
+  };
+
   // Initial generation of the verification code
   useState(() => {
     generateRandomCode();
@@ -39,39 +61,67 @@ const Login = () => {
   return (
     <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
       {loggedIn ? (
-        <Text>Welcome, mentor!</Text>
+        <View>
+          <Text style={{color: 'white'}}>Welcome, mentor!</Text>
+          <TouchableOpacity
+            style={{ backgroundColor: 'blue', padding: 10, borderRadius: 5, marginLeft: 10 }}
+            onPress={handleLogout}
+          >
+            <Text style={{ color: 'white', textAlign: 'center' }}>Logout</Text>
+          </TouchableOpacity>
+        </View>
       ) : (
         <View>
-          <Text style={{ fontSize: 20 }}>Login</Text>
+          <Text style={{ fontSize: 20 , color: 'white'}}>Login</Text>
+          <Text style={{ fontSize: 5 }}> </Text>
+          <Text style={{ fontSize: 15, color: 'white' }}> Username</Text>
           <TextInput
-            style={{ height: 40, borderColor: 'gray', borderWidth: 1, marginBottom: 10, paddingHorizontal: 10 }}
+            style={{ height: 40, 
+            borderColor: 'white', 
+            borderWidth: 1, 
+            marginBottom: 10, 
+            paddingHorizontal: 10, 
+            color: 'white', 
+            placeholderTextColor: 'white'}}
             placeholder="Username"
             value={username}
             onChangeText={(text) => setUsername(text)}
           />
+          <Text style={{ fontSize: 15, color: 'white' }}> Password </Text>
           <TextInput
-            style={{ height: 40, borderColor: 'gray', borderWidth: 1, marginBottom: 10, paddingHorizontal: 10 }}
+            style={{ height: 40, 
+            borderColor: 'white', 
+            borderWidth: 1, marginBottom: 10, 
+            paddingHorizontal: 10,
+            color: 'white',}}
             placeholder="Password"
             secureTextEntry={true}
             value={password}
             onChangeText={(text) => setPassword(text)}
           />
-          <Image
-            style={{ width: 200, height: 50, marginBottom: 10 }}
-            source={{ uri: `https://via.placeholder.com/200x50?text=${generatedCode}` }} // Placeholder URL with generated code
-          />
-          <TouchableOpacity
-            style={{ backgroundColor: 'blue', padding: 10, borderRadius: 5, marginBottom: 10 }}
-            onPress={handleReloadVerificationCode}
-          >
-            <Text style={{ color: 'white', textAlign: 'center' }}>Reload Verification Code</Text>
-          </TouchableOpacity>
+          <Text style={{ fontSize: 15, color: 'white' }}> Verification Code </Text>
           <TextInput
-            style={{ height: 40, borderColor: 'gray', borderWidth: 1, marginBottom: 10, paddingHorizontal: 10 }}
+            style={{ height: 40, 
+            borderColor: 'white', borderWidth: 1, 
+            marginBottom: 10, 
+            paddingHorizontal: 10,
+            color: 'white',}}
             placeholder="Verification Code"
             value={verificationCode}
             onChangeText={(text) => setVerificationCode(text)}
           />
+          <View style={{ flexDirection: 'row', alignItems: 'center' }}>
+            <Image
+              style={{ width: 200, height: 50, marginBottom: 10 }}
+              source={{ uri: `https://via.placeholder.com/200x50?text=${generatedCode}` }} // Placeholder URL with generated code
+            />
+            <TouchableOpacity
+              style={{ backgroundColor: 'blue', padding: 10, borderRadius: 5, marginLeft: 10 }}
+              onPress={handleReloadVerificationCode}
+            >
+              <Text style={{ color: 'white', textAlign: 'center' }}>Reload Verification Code</Text>
+            </TouchableOpacity>
+          </View>
           <TouchableOpacity
             style={{ backgroundColor: 'blue', padding: 10, borderRadius: 5 }}
             onPress={handleLogin}

From 49bda5f10fc4b1b5f2cb9f5b8db660248af4a9ce Mon Sep 17 00:00:00 2001
From: kesfc <kevinli20030305@gmail.com>
Date: Sat, 13 Apr 2024 14:41:00 -0400
Subject: [PATCH 07/10] some small changes

---
 HackRPIEventApp2023/Login/Login.js | 159 ++++++++++++++++-------------
 1 file changed, 86 insertions(+), 73 deletions(-)

diff --git a/HackRPIEventApp2023/Login/Login.js b/HackRPIEventApp2023/Login/Login.js
index 157913b..c423881 100644
--- a/HackRPIEventApp2023/Login/Login.js
+++ b/HackRPIEventApp2023/Login/Login.js
@@ -1,5 +1,5 @@
 import React, { useState } from 'react';
-import { View, Text, TextInput, TouchableOpacity, Image, Alert } from 'react-native';
+import { View, Text, TextInput, TouchableOpacity, Image, Alert, ScrollView } from 'react-native';
 
 const Login = () => {
   const [username, setUsername] = useState('');
@@ -18,11 +18,21 @@ const Login = () => {
   };
 
   const handleLogin = () => {
-    if (username && password && verificationCode === generatedCode) {
-      setLoggedIn(true);
-      Alert.alert('Logged in successfully!');
-    } else {
-      Alert.alert('Please enter valid credentials and verification code');
+    if (verificationCode != generatedCode) {
+      Alert.alert('Invalid verification code');
+      setVerificationCode('');
+      generateRandomCode();
+    } 
+    else {
+      if (username && password) {
+        setLoggedIn(true);
+      }
+      else {
+        Alert.alert('Invalid username or password');
+        setPassword('');
+        setVerificationCode('');
+        generateRandomCode();
+      }
     }
   };
 
@@ -59,78 +69,81 @@ const Login = () => {
   }, []);
 
   return (
-    <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
-      {loggedIn ? (
-        <View>
-          <Text style={{color: 'white'}}>Welcome, mentor!</Text>
-          <TouchableOpacity
-            style={{ backgroundColor: 'blue', padding: 10, borderRadius: 5, marginLeft: 10 }}
-            onPress={handleLogout}
-          >
-            <Text style={{ color: 'white', textAlign: 'center' }}>Logout</Text>
-          </TouchableOpacity>
-        </View>
-      ) : (
-        <View>
-          <Text style={{ fontSize: 20 , color: 'white'}}>Login</Text>
-          <Text style={{ fontSize: 5 }}> </Text>
-          <Text style={{ fontSize: 15, color: 'white' }}> Username</Text>
-          <TextInput
-            style={{ height: 40, 
-            borderColor: 'white', 
-            borderWidth: 1, 
-            marginBottom: 10, 
-            paddingHorizontal: 10, 
-            color: 'white', 
-            placeholderTextColor: 'white'}}
-            placeholder="Username"
-            value={username}
-            onChangeText={(text) => setUsername(text)}
-          />
-          <Text style={{ fontSize: 15, color: 'white' }}> Password </Text>
-          <TextInput
-            style={{ height: 40, 
-            borderColor: 'white', 
-            borderWidth: 1, marginBottom: 10, 
-            paddingHorizontal: 10,
-            color: 'white',}}
-            placeholder="Password"
-            secureTextEntry={true}
-            value={password}
-            onChangeText={(text) => setPassword(text)}
-          />
-          <Text style={{ fontSize: 15, color: 'white' }}> Verification Code </Text>
-          <TextInput
-            style={{ height: 40, 
-            borderColor: 'white', borderWidth: 1, 
-            marginBottom: 10, 
-            paddingHorizontal: 10,
-            color: 'white',}}
-            placeholder="Verification Code"
-            value={verificationCode}
-            onChangeText={(text) => setVerificationCode(text)}
-          />
-          <View style={{ flexDirection: 'row', alignItems: 'center' }}>
-            <Image
-              style={{ width: 200, height: 50, marginBottom: 10 }}
-              source={{ uri: `https://via.placeholder.com/200x50?text=${generatedCode}` }} // Placeholder URL with generated code
-            />
+    <ScrollView style={{ flex: 1}}>
+      <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center', padding: 20,
+      marginTop: 100 }}>
+        {loggedIn ? (
+          <View>
+            <Text style={{color: 'white'}}>Welcome, mentor!</Text>
             <TouchableOpacity
               style={{ backgroundColor: 'blue', padding: 10, borderRadius: 5, marginLeft: 10 }}
-              onPress={handleReloadVerificationCode}
+              onPress={handleLogout}
+            >
+              <Text style={{ color: 'white', textAlign: 'center' }}>Logout</Text>
+            </TouchableOpacity>
+          </View>
+        ) : (
+          <View>
+            <Text style={{ fontSize: 20 , color: 'white'}}>Login</Text>
+            <Text style={{ fontSize: 5 }}> </Text>
+            <Text style={{ fontSize: 15, color: 'white' }}> Username</Text>
+            <TextInput
+              style={{ height: 40, 
+              borderColor: 'white', 
+              borderWidth: 1, 
+              marginBottom: 10, 
+              paddingHorizontal: 10, 
+              color: 'white', 
+              placeholderTextColor: 'white'}}
+              placeholder="Username"
+              value={username}
+              onChangeText={(text) => setUsername(text)}
+            />
+            <Text style={{ fontSize: 15, color: 'white' }}> Password </Text>
+            <TextInput
+              style={{ height: 40, 
+              borderColor: 'white', 
+              borderWidth: 1, marginBottom: 10, 
+              paddingHorizontal: 10,
+              color: 'white',}}
+              placeholder="Password"
+              secureTextEntry={true}
+              value={password}
+              onChangeText={(text) => setPassword(text)}
+            />
+            <Text style={{ fontSize: 15, color: 'white' }}> Verification Code </Text>
+            <TextInput
+              style={{ height: 40, 
+              borderColor: 'white', borderWidth: 1, 
+              marginBottom: 10, 
+              paddingHorizontal: 10,
+              color: 'white',}}
+              placeholder="Verification Code"
+              value={verificationCode}
+              onChangeText={(text) => setVerificationCode(text)}
+            />
+            <View style={{ flexDirection: 'row', alignItems: 'center' }}>
+              <Image
+                style={{ width: 200, height: 50, marginBottom: 10 }}
+                source={{ uri: `https://via.placeholder.com/200x50?text=${generatedCode}` }} // Placeholder URL with generated code
+              />
+              <TouchableOpacity
+                style={{ backgroundColor: 'blue', padding: 10, borderRadius: 5, marginLeft: 10 }}
+                onPress={handleReloadVerificationCode}
+              >
+                <Text style={{ color: 'white', textAlign: 'center' }}>Reload Verification Code</Text>
+              </TouchableOpacity>
+            </View>
+            <TouchableOpacity
+              style={{ backgroundColor: 'blue', padding: 10, borderRadius: 5 }}
+              onPress={handleLogin}
             >
-              <Text style={{ color: 'white', textAlign: 'center' }}>Reload Verification Code</Text>
+              <Text style={{ color: 'white', textAlign: 'center' }}>Login</Text>
             </TouchableOpacity>
           </View>
-          <TouchableOpacity
-            style={{ backgroundColor: 'blue', padding: 10, borderRadius: 5 }}
-            onPress={handleLogin}
-          >
-            <Text style={{ color: 'white', textAlign: 'center' }}>Login</Text>
-          </TouchableOpacity>
-        </View>
-      )}
-    </View>
+        )}
+      </View>
+    </ScrollView>
   );
 };
 

From c422d9cdc75d0d73a346a74a6daa833acbe30160 Mon Sep 17 00:00:00 2001
From: kesfc <kevinli20030305@gmail.com>
Date: Mon, 15 Apr 2024 16:30:19 -0400
Subject: [PATCH 08/10] backend

---
 HackRPIEventApp2023/Login/Backend.js  |   45 +
 HackRPIEventApp2023/Login/Login.js    |   27 +-
 HackRPIEventApp2023/package-lock.json | 1272 +++++++++++++++++++++++++
 HackRPIEventApp2023/package.json      |    2 +
 4 files changed, 1335 insertions(+), 11 deletions(-)
 create mode 100644 HackRPIEventApp2023/Login/Backend.js

diff --git a/HackRPIEventApp2023/Login/Backend.js b/HackRPIEventApp2023/Login/Backend.js
new file mode 100644
index 0000000..c41e126
--- /dev/null
+++ b/HackRPIEventApp2023/Login/Backend.js
@@ -0,0 +1,45 @@
+import { initializeApp } from "firebase/app";
+import { getAuth} from "firebase/auth";
+import { initializeAuth, getReactNativePersistence } from 'firebase/auth';
+import AsyncStorage from '@react-native-async-storage/async-storage';
+import {getFirestore, collection, getDocs } from "firebase/firestore";
+
+const firebaseConfig = {
+    apiKey: "AIzaSyAqGfFX7gXRGBtidctQjIJ4NC0FA6YxeOQ",
+    authDomain: "mentor-queue-c01a3.firebaseapp.com",
+    projectId: "mentor-queue-c01a3",
+    storageBucket: "mentor-queue-c01a3.appspot.com",
+    messagingSenderId: "117425105410",
+    appId: "1:117425105410:web:60fa2b3e348b489b37551b",
+    measurementId: "G-NJ5ZBXKBX3"
+};
+
+// Initialize Firebase
+const app = initializeApp(firebaseConfig);
+const auth = initializeAuth(app, {
+  persistence: getReactNativePersistence(AsyncStorage)
+});
+const db = getFirestore(app);
+
+const CheckUser = async (username, password) => {
+  console.log("Username:", username);
+  console.log("Password:", password);
+
+  const usersCollection = collection(db, "users");
+  const userSnapshot = await getDocs(usersCollection);
+  console.log("User snapshot:", userSnapshot.docs.map(doc => doc.data()));
+
+  const matchFound = userSnapshot.docs.some(doc => {
+    const userData = doc.data();
+    console.log("Checking user:", userData);
+    const isMatch = userData.username === username && userData.password === password;
+    console.log("Match found:", isMatch);
+    return isMatch;
+  });
+
+  console.log("Match found:", matchFound);
+  return matchFound;
+}
+
+
+export { CheckUser, auth };
\ No newline at end of file
diff --git a/HackRPIEventApp2023/Login/Login.js b/HackRPIEventApp2023/Login/Login.js
index c423881..28e8c0e 100644
--- a/HackRPIEventApp2023/Login/Login.js
+++ b/HackRPIEventApp2023/Login/Login.js
@@ -1,5 +1,6 @@
 import React, { useState } from 'react';
 import { View, Text, TextInput, TouchableOpacity, Image, Alert, ScrollView } from 'react-native';
+import {CheckUser} from './Backend';
 
 const Login = () => {
   const [username, setUsername] = useState('');
@@ -24,15 +25,20 @@ const Login = () => {
       generateRandomCode();
     } 
     else {
-      if (username && password) {
-        setLoggedIn(true);
-      }
-      else {
-        Alert.alert('Invalid username or password');
-        setPassword('');
-        setVerificationCode('');
-        generateRandomCode();
-      }
+      const validateUser = async () => {
+        const validUser = await CheckUser(username, password);
+        if (validUser) {
+          setLoggedIn(true);
+        }
+        else {
+          Alert.alert('Invalid username or password');
+          setPassword('');
+          setVerificationCode('');
+          generateRandomCode();
+        }
+      };
+
+      validateUser();
     }
   };
 
@@ -93,8 +99,7 @@ const Login = () => {
               borderWidth: 1, 
               marginBottom: 10, 
               paddingHorizontal: 10, 
-              color: 'white', 
-              placeholderTextColor: 'white'}}
+              color: 'white'}}
               placeholder="Username"
               value={username}
               onChangeText={(text) => setUsername(text)}
diff --git a/HackRPIEventApp2023/package-lock.json b/HackRPIEventApp2023/package-lock.json
index 455e569..5ddd8c0 100644
--- a/HackRPIEventApp2023/package-lock.json
+++ b/HackRPIEventApp2023/package-lock.json
@@ -9,12 +9,14 @@
       "version": "1.0.0",
       "dependencies": {
         "@expo/webpack-config": "^19.0.0",
+        "@react-native-async-storage/async-storage": "^1.23.1",
         "@react-navigation/bottom-tabs": "^6.5.20",
         "@react-navigation/native": "^6.1.17",
         "@react-navigation/stack": "^6.3.29",
         "@types/react": "~18.2.14",
         "expo": "^49.0.21",
         "expo-status-bar": "~1.6.0",
+        "firebase": "^10.11.0",
         "react": "18.2.0",
         "react-dom": "18.2.0",
         "react-native": "^0.72.6",
@@ -3457,6 +3459,499 @@
         "node": ">=8"
       }
     },
+    "node_modules/@fastify/busboy": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/@fastify/busboy/-/busboy-2.1.1.tgz",
+      "integrity": "sha512-vBZP4NlzfOlerQTnba4aqZoMhE/a9HY7HRqoOPaETQcSQuWEIyZMHGfVu6w9wGtGK5fED5qRs2DteVCjOH60sA==",
+      "engines": {
+        "node": ">=14"
+      }
+    },
+    "node_modules/@firebase/analytics": {
+      "version": "0.10.2",
+      "resolved": "https://registry.npmjs.org/@firebase/analytics/-/analytics-0.10.2.tgz",
+      "integrity": "sha512-6Gv/Fndih+dOEEfsBJEeKlwxw9EvCO9D/y+yJMasblvCmj78wUVtn+T96zguSrbhfZ2yBhLS1vukYiPg6hI49w==",
+      "dependencies": {
+        "@firebase/component": "0.6.6",
+        "@firebase/installations": "0.6.6",
+        "@firebase/logger": "0.4.1",
+        "@firebase/util": "1.9.5",
+        "tslib": "^2.1.0"
+      },
+      "peerDependencies": {
+        "@firebase/app": "0.x"
+      }
+    },
+    "node_modules/@firebase/analytics-compat": {
+      "version": "0.2.8",
+      "resolved": "https://registry.npmjs.org/@firebase/analytics-compat/-/analytics-compat-0.2.8.tgz",
+      "integrity": "sha512-scvzDPIsP9HcLWM77YQD7F3yLQksGvPUzyfqUrPo9XxIx26txJvGMJAS8O8BHa6jIvsjUenaTZ5oXEtKqNZQ9Q==",
+      "dependencies": {
+        "@firebase/analytics": "0.10.2",
+        "@firebase/analytics-types": "0.8.1",
+        "@firebase/component": "0.6.6",
+        "@firebase/util": "1.9.5",
+        "tslib": "^2.1.0"
+      },
+      "peerDependencies": {
+        "@firebase/app-compat": "0.x"
+      }
+    },
+    "node_modules/@firebase/analytics-types": {
+      "version": "0.8.1",
+      "resolved": "https://registry.npmjs.org/@firebase/analytics-types/-/analytics-types-0.8.1.tgz",
+      "integrity": "sha512-niv/67/EOkTlGUxyiOYfIkysSMGYxkIUHJzT9pNkeIGt6zOz759oCUXOAwwjJzckh11dMBFjIYBmtWrdSgbmJw=="
+    },
+    "node_modules/@firebase/app": {
+      "version": "0.10.1",
+      "resolved": "https://registry.npmjs.org/@firebase/app/-/app-0.10.1.tgz",
+      "integrity": "sha512-H8hvbSVxNt+QaUQ1O0Gqidksi5ilj6eL8iMYxUNZgsMwZ1yOTgXc2C9zktbPQKokgcMq+EbF0k/t5iouslSkiA==",
+      "dependencies": {
+        "@firebase/component": "0.6.6",
+        "@firebase/logger": "0.4.1",
+        "@firebase/util": "1.9.5",
+        "idb": "7.1.1",
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@firebase/app-check": {
+      "version": "0.8.3",
+      "resolved": "https://registry.npmjs.org/@firebase/app-check/-/app-check-0.8.3.tgz",
+      "integrity": "sha512-nvlsj5oZBtYDjFTygQJ6xpyiYj8Jao2bFFyNJkUUPdg/QB8uhqDeG74P+gUH6iY9qzd1g5ZokmmGsoIhv9tdSQ==",
+      "dependencies": {
+        "@firebase/component": "0.6.6",
+        "@firebase/logger": "0.4.1",
+        "@firebase/util": "1.9.5",
+        "tslib": "^2.1.0"
+      },
+      "peerDependencies": {
+        "@firebase/app": "0.x"
+      }
+    },
+    "node_modules/@firebase/app-check-compat": {
+      "version": "0.3.10",
+      "resolved": "https://registry.npmjs.org/@firebase/app-check-compat/-/app-check-compat-0.3.10.tgz",
+      "integrity": "sha512-v+jiLG3rQ1fhpIuNIm3WqrL4dkPUIkgOWoic7QABVsZKSAv2YhOFvAenp7IhSP/pz/aiPniJ8G7el/MWieECTg==",
+      "dependencies": {
+        "@firebase/app-check": "0.8.3",
+        "@firebase/app-check-types": "0.5.1",
+        "@firebase/component": "0.6.6",
+        "@firebase/logger": "0.4.1",
+        "@firebase/util": "1.9.5",
+        "tslib": "^2.1.0"
+      },
+      "peerDependencies": {
+        "@firebase/app-compat": "0.x"
+      }
+    },
+    "node_modules/@firebase/app-check-interop-types": {
+      "version": "0.3.1",
+      "resolved": "https://registry.npmjs.org/@firebase/app-check-interop-types/-/app-check-interop-types-0.3.1.tgz",
+      "integrity": "sha512-NILZbe6RH3X1pZmJnfOfY2gLIrlKmrkUMMrrK6VSXHcSE0eQv28xFEcw16D198i9JYZpy5Kwq394My62qCMaIw=="
+    },
+    "node_modules/@firebase/app-check-types": {
+      "version": "0.5.1",
+      "resolved": "https://registry.npmjs.org/@firebase/app-check-types/-/app-check-types-0.5.1.tgz",
+      "integrity": "sha512-NqeIcuGzZjl+khpXV0qsyOoaTqLeiG/K0kIDrebol+gb7xpmfOvXXqPEls+1WFBgHcPGdu+XRLhBA7xLzrVdpA=="
+    },
+    "node_modules/@firebase/app-compat": {
+      "version": "0.2.31",
+      "resolved": "https://registry.npmjs.org/@firebase/app-compat/-/app-compat-0.2.31.tgz",
+      "integrity": "sha512-TP9EwOiqDDL4tsP9EyOJn+RYUTkopS0nCg6TZ0PH8XiUgLlgDAF2waAZNha0+18elUkVjbWoXcudCgJ0iVWEVA==",
+      "dependencies": {
+        "@firebase/app": "0.10.1",
+        "@firebase/component": "0.6.6",
+        "@firebase/logger": "0.4.1",
+        "@firebase/util": "1.9.5",
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@firebase/app-types": {
+      "version": "0.9.1",
+      "resolved": "https://registry.npmjs.org/@firebase/app-types/-/app-types-0.9.1.tgz",
+      "integrity": "sha512-nFGqTYsnDFn1oXf1tCwPAc+hQPxyvBT/QB7qDjwK+IDYThOn63nGhzdUTXxVD9Ca8gUY/e5PQMngeo0ZW/E3uQ=="
+    },
+    "node_modules/@firebase/auth": {
+      "version": "1.7.1",
+      "resolved": "https://registry.npmjs.org/@firebase/auth/-/auth-1.7.1.tgz",
+      "integrity": "sha512-h1nTQ/bKuKmXnwhQP1hi73aSnEp3YQnw+9k8ICwvNB9FhG0XJS5VNtR08cpLUpwl9clSTujg3EP/Hs/chZnq4A==",
+      "dependencies": {
+        "@firebase/component": "0.6.6",
+        "@firebase/logger": "0.4.1",
+        "@firebase/util": "1.9.5",
+        "tslib": "^2.1.0",
+        "undici": "5.28.4"
+      },
+      "peerDependencies": {
+        "@firebase/app": "0.x",
+        "@react-native-async-storage/async-storage": "^1.18.1"
+      },
+      "peerDependenciesMeta": {
+        "@react-native-async-storage/async-storage": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@firebase/auth-compat": {
+      "version": "0.5.6",
+      "resolved": "https://registry.npmjs.org/@firebase/auth-compat/-/auth-compat-0.5.6.tgz",
+      "integrity": "sha512-zXo0CnGG8UqFtXW76XfXdKmDaAUW7QEN0BYXYH04VuzdPCmkWaR5Uybjp/Tglh3+UqE4AhYcYe0p2n+mxmkLqA==",
+      "dependencies": {
+        "@firebase/auth": "1.7.1",
+        "@firebase/auth-types": "0.12.1",
+        "@firebase/component": "0.6.6",
+        "@firebase/util": "1.9.5",
+        "tslib": "^2.1.0",
+        "undici": "5.28.4"
+      },
+      "peerDependencies": {
+        "@firebase/app-compat": "0.x"
+      }
+    },
+    "node_modules/@firebase/auth-interop-types": {
+      "version": "0.2.2",
+      "resolved": "https://registry.npmjs.org/@firebase/auth-interop-types/-/auth-interop-types-0.2.2.tgz",
+      "integrity": "sha512-k3NA28Jfoo0+o391bFjoV9X5QLnUL1WbLhZZRbTQhZdmdGYJfX8ixtNNlHsYQ94bwG0QRbsmvkzDnzuhHrV11w=="
+    },
+    "node_modules/@firebase/auth-types": {
+      "version": "0.12.1",
+      "resolved": "https://registry.npmjs.org/@firebase/auth-types/-/auth-types-0.12.1.tgz",
+      "integrity": "sha512-B3dhiWRWf/njWosx4zdhSEoD4WHJmr4zbnBw6t20mRG/IZ4u0rWUBlMP1vFjhMstKIow1XmoGhTwD65X5ZXLjw==",
+      "peerDependencies": {
+        "@firebase/app-types": "0.x",
+        "@firebase/util": "1.x"
+      }
+    },
+    "node_modules/@firebase/component": {
+      "version": "0.6.6",
+      "resolved": "https://registry.npmjs.org/@firebase/component/-/component-0.6.6.tgz",
+      "integrity": "sha512-pp7sWqHmAAlA3os6ERgoM3k5Cxff510M9RLXZ9Mc8KFKMBc2ct3RkZTWUF7ixJNvMiK/iNgRLPDrLR2gtRJ9iQ==",
+      "dependencies": {
+        "@firebase/util": "1.9.5",
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@firebase/database": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/@firebase/database/-/database-1.0.4.tgz",
+      "integrity": "sha512-k84cXh+dtpzvY6yOhfyr1B+I1vjvSMtmlqotE0lTNVylc8m5nmOohjzpTLEQDrBWvwACX/VP5fEyajAdmnOKqA==",
+      "dependencies": {
+        "@firebase/app-check-interop-types": "0.3.1",
+        "@firebase/auth-interop-types": "0.2.2",
+        "@firebase/component": "0.6.6",
+        "@firebase/logger": "0.4.1",
+        "@firebase/util": "1.9.5",
+        "faye-websocket": "0.11.4",
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@firebase/database-compat": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/@firebase/database-compat/-/database-compat-1.0.4.tgz",
+      "integrity": "sha512-GEEDAvsSMAkqy0BIFSVtFzoOIIcKHFfDM4aXHtWL/JCaNn4OOjH7td73jDfN3ALvpIN4hQki0FcxQ89XjqaTjQ==",
+      "dependencies": {
+        "@firebase/component": "0.6.6",
+        "@firebase/database": "1.0.4",
+        "@firebase/database-types": "1.0.2",
+        "@firebase/logger": "0.4.1",
+        "@firebase/util": "1.9.5",
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@firebase/database-types": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/@firebase/database-types/-/database-types-1.0.2.tgz",
+      "integrity": "sha512-JRigr5JNLEHqOkI99tAGHDZF47469/cJz1tRAgGs8Feh+3ZmQy/vVChSqwMp2DuVUGp9PlmGsNSlpINJ/hDuIA==",
+      "dependencies": {
+        "@firebase/app-types": "0.9.1",
+        "@firebase/util": "1.9.5"
+      }
+    },
+    "node_modules/@firebase/firestore": {
+      "version": "4.6.0",
+      "resolved": "https://registry.npmjs.org/@firebase/firestore/-/firestore-4.6.0.tgz",
+      "integrity": "sha512-mul4L2Bp+Q5R5mV1nf5Z6OmsHHFid7uSEeR8oTM89p5G0nMam4GKaBAvgLSxwsXQbyy2WW9nNnuAWLfD7HDxFA==",
+      "dependencies": {
+        "@firebase/component": "0.6.6",
+        "@firebase/logger": "0.4.1",
+        "@firebase/util": "1.9.5",
+        "@firebase/webchannel-wrapper": "0.10.6",
+        "@grpc/grpc-js": "~1.9.0",
+        "@grpc/proto-loader": "^0.7.8",
+        "tslib": "^2.1.0",
+        "undici": "5.28.4"
+      },
+      "engines": {
+        "node": ">=10.10.0"
+      },
+      "peerDependencies": {
+        "@firebase/app": "0.x"
+      }
+    },
+    "node_modules/@firebase/firestore-compat": {
+      "version": "0.3.29",
+      "resolved": "https://registry.npmjs.org/@firebase/firestore-compat/-/firestore-compat-0.3.29.tgz",
+      "integrity": "sha512-ylBtvIQo2Caj1qXUd7ksj8xcL9l1b/F2Et6rq0smogPvl5CGvrv49xC5wVLJDmkMmH7IBEJb26KKC/RW1XYymg==",
+      "dependencies": {
+        "@firebase/component": "0.6.6",
+        "@firebase/firestore": "4.6.0",
+        "@firebase/firestore-types": "3.0.1",
+        "@firebase/util": "1.9.5",
+        "tslib": "^2.1.0"
+      },
+      "peerDependencies": {
+        "@firebase/app-compat": "0.x"
+      }
+    },
+    "node_modules/@firebase/firestore-types": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/@firebase/firestore-types/-/firestore-types-3.0.1.tgz",
+      "integrity": "sha512-mVhPcHr5FICjF67m6JHgj+XRvAz/gZ62xifeGfcm00RFl6tNKfCzCfKeyB2BDIEc9dUnEstkmIXlmLIelOWoaA==",
+      "peerDependencies": {
+        "@firebase/app-types": "0.x",
+        "@firebase/util": "1.x"
+      }
+    },
+    "node_modules/@firebase/functions": {
+      "version": "0.11.4",
+      "resolved": "https://registry.npmjs.org/@firebase/functions/-/functions-0.11.4.tgz",
+      "integrity": "sha512-FeMpXtlZG8hnxUauI5J8BSmIbY/Gcv7UVlByxHuHmGxxeS8mJPuAdIxPLUBNtV/naf+MeimIPcpPMslYr6tN6w==",
+      "dependencies": {
+        "@firebase/app-check-interop-types": "0.3.1",
+        "@firebase/auth-interop-types": "0.2.2",
+        "@firebase/component": "0.6.6",
+        "@firebase/messaging-interop-types": "0.2.1",
+        "@firebase/util": "1.9.5",
+        "tslib": "^2.1.0",
+        "undici": "5.28.4"
+      },
+      "peerDependencies": {
+        "@firebase/app": "0.x"
+      }
+    },
+    "node_modules/@firebase/functions-compat": {
+      "version": "0.3.10",
+      "resolved": "https://registry.npmjs.org/@firebase/functions-compat/-/functions-compat-0.3.10.tgz",
+      "integrity": "sha512-2Yidp6Dgf2k8LqJDQUTqdYFdf4ySNmZ71yeDX4lThby1HRMww+Y3nN98YaM6hHarZX3PUfaMUiMBZMHCRRT2IA==",
+      "dependencies": {
+        "@firebase/component": "0.6.6",
+        "@firebase/functions": "0.11.4",
+        "@firebase/functions-types": "0.6.1",
+        "@firebase/util": "1.9.5",
+        "tslib": "^2.1.0"
+      },
+      "peerDependencies": {
+        "@firebase/app-compat": "0.x"
+      }
+    },
+    "node_modules/@firebase/functions-types": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/@firebase/functions-types/-/functions-types-0.6.1.tgz",
+      "integrity": "sha512-DirqgTXSBzyKsQwcKnx/YdGMaRdJhywnThrINP+Iog8QfQnrL7aprTXHDFHlpZEMwykS54YRk53xzz7j396QXQ=="
+    },
+    "node_modules/@firebase/installations": {
+      "version": "0.6.6",
+      "resolved": "https://registry.npmjs.org/@firebase/installations/-/installations-0.6.6.tgz",
+      "integrity": "sha512-dNGRGoHmstgEJqh9Kzk22fR2ZrVBH1JWliaL6binQ6pIzlWscreHNczzJDgOKoVT0PjWTrAmh/azztiX/e2uTw==",
+      "dependencies": {
+        "@firebase/component": "0.6.6",
+        "@firebase/util": "1.9.5",
+        "idb": "7.1.1",
+        "tslib": "^2.1.0"
+      },
+      "peerDependencies": {
+        "@firebase/app": "0.x"
+      }
+    },
+    "node_modules/@firebase/installations-compat": {
+      "version": "0.2.6",
+      "resolved": "https://registry.npmjs.org/@firebase/installations-compat/-/installations-compat-0.2.6.tgz",
+      "integrity": "sha512-uxBAt2WsuEMT5dalA/1O+Uyi9DS25zKHgIPdrQ7KO1ZUdBURiGScIyjdhIM/7NMSvHGYugK4PUVdK9NFIffeiw==",
+      "dependencies": {
+        "@firebase/component": "0.6.6",
+        "@firebase/installations": "0.6.6",
+        "@firebase/installations-types": "0.5.1",
+        "@firebase/util": "1.9.5",
+        "tslib": "^2.1.0"
+      },
+      "peerDependencies": {
+        "@firebase/app-compat": "0.x"
+      }
+    },
+    "node_modules/@firebase/installations-types": {
+      "version": "0.5.1",
+      "resolved": "https://registry.npmjs.org/@firebase/installations-types/-/installations-types-0.5.1.tgz",
+      "integrity": "sha512-OyREnRTfe2wIWTrzCz65ajyo4lFm6VgbeVqMMP+3GJLfCtNvY9VXkmqs3WFEsyYezzdcRqOt39FynZoLlkO+cQ==",
+      "peerDependencies": {
+        "@firebase/app-types": "0.x"
+      }
+    },
+    "node_modules/@firebase/logger": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/@firebase/logger/-/logger-0.4.1.tgz",
+      "integrity": "sha512-tTIixB5UJbG9ZHSGZSZdX7THr3KWOLrejZ9B7jYsm6fpwgRNngKznQKA2wgYVyvBc1ta7dGFh9NtJ8n7qfiYIw==",
+      "dependencies": {
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@firebase/messaging": {
+      "version": "0.12.8",
+      "resolved": "https://registry.npmjs.org/@firebase/messaging/-/messaging-0.12.8.tgz",
+      "integrity": "sha512-FbCTNhv5DUBo8It+Wj3XbKM1xf3PeoHsHk8PjMWBNm0yP+LL8Jhd3ejRsukEYdysTMvgxY4sU5Cs5YNTK44qTQ==",
+      "dependencies": {
+        "@firebase/component": "0.6.6",
+        "@firebase/installations": "0.6.6",
+        "@firebase/messaging-interop-types": "0.2.1",
+        "@firebase/util": "1.9.5",
+        "idb": "7.1.1",
+        "tslib": "^2.1.0"
+      },
+      "peerDependencies": {
+        "@firebase/app": "0.x"
+      }
+    },
+    "node_modules/@firebase/messaging-compat": {
+      "version": "0.2.8",
+      "resolved": "https://registry.npmjs.org/@firebase/messaging-compat/-/messaging-compat-0.2.8.tgz",
+      "integrity": "sha512-/2ibL9u64jn76g67qjAZutVnPTV6euu0z3BvCjcqlNbMMdtoyNjyHOBRe/D7eVcrRt0uB4rTPnjr3A6sVKdjuA==",
+      "dependencies": {
+        "@firebase/component": "0.6.6",
+        "@firebase/messaging": "0.12.8",
+        "@firebase/util": "1.9.5",
+        "tslib": "^2.1.0"
+      },
+      "peerDependencies": {
+        "@firebase/app-compat": "0.x"
+      }
+    },
+    "node_modules/@firebase/messaging-interop-types": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/@firebase/messaging-interop-types/-/messaging-interop-types-0.2.1.tgz",
+      "integrity": "sha512-jfGJ7Jc32BDHXvXHyXi34mVLzZY8X0t929DTMwz7Tj2Hc40Zuzx8VRCIPLRrRUyvBrJCd5EpIcQgCygXhtaN1A=="
+    },
+    "node_modules/@firebase/performance": {
+      "version": "0.6.6",
+      "resolved": "https://registry.npmjs.org/@firebase/performance/-/performance-0.6.6.tgz",
+      "integrity": "sha512-UOUHhvj2GJcjyJewdX1ShnON0/eqTswHvYzzQPC4nrIuMFvHwMGk8NpCaqh7JZmpaxh9AMr6kM+M/p37DrKWXA==",
+      "dependencies": {
+        "@firebase/component": "0.6.6",
+        "@firebase/installations": "0.6.6",
+        "@firebase/logger": "0.4.1",
+        "@firebase/util": "1.9.5",
+        "tslib": "^2.1.0"
+      },
+      "peerDependencies": {
+        "@firebase/app": "0.x"
+      }
+    },
+    "node_modules/@firebase/performance-compat": {
+      "version": "0.2.6",
+      "resolved": "https://registry.npmjs.org/@firebase/performance-compat/-/performance-compat-0.2.6.tgz",
+      "integrity": "sha512-JSGdNNHBAMRTocGpN+m+7tk+9rulBcwuG+Ejw/ooDj45FGcON1Eymxh/qbe5M6Dlj5P1ClbkHLj4yf7MiCHOag==",
+      "dependencies": {
+        "@firebase/component": "0.6.6",
+        "@firebase/logger": "0.4.1",
+        "@firebase/performance": "0.6.6",
+        "@firebase/performance-types": "0.2.1",
+        "@firebase/util": "1.9.5",
+        "tslib": "^2.1.0"
+      },
+      "peerDependencies": {
+        "@firebase/app-compat": "0.x"
+      }
+    },
+    "node_modules/@firebase/performance-types": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/@firebase/performance-types/-/performance-types-0.2.1.tgz",
+      "integrity": "sha512-kQ8pEr4d6ArhPoYrngcFlEJMNWMdEZTpvMAttWH0C2vegBgj47cm6xXFy9+0j27OBhOIiPn48Z+2WE2XNu33CQ=="
+    },
+    "node_modules/@firebase/remote-config": {
+      "version": "0.4.6",
+      "resolved": "https://registry.npmjs.org/@firebase/remote-config/-/remote-config-0.4.6.tgz",
+      "integrity": "sha512-qtanFS+AX5k/7e/+Azf27Hq4reX28QsUvRcYWyS5cOaRMS9jtll4MK4winWmzX8MdJY637nFzIx43PlMKVnaKw==",
+      "dependencies": {
+        "@firebase/component": "0.6.6",
+        "@firebase/installations": "0.6.6",
+        "@firebase/logger": "0.4.1",
+        "@firebase/util": "1.9.5",
+        "tslib": "^2.1.0"
+      },
+      "peerDependencies": {
+        "@firebase/app": "0.x"
+      }
+    },
+    "node_modules/@firebase/remote-config-compat": {
+      "version": "0.2.6",
+      "resolved": "https://registry.npmjs.org/@firebase/remote-config-compat/-/remote-config-compat-0.2.6.tgz",
+      "integrity": "sha512-cFdpmN/rzDhm4pbk0WpOzK9JQ9I1ZhXzhtYbKRBwUag3pG1odEfIORygMDCGQniPpcae/QGXho4srJHfoijKuw==",
+      "dependencies": {
+        "@firebase/component": "0.6.6",
+        "@firebase/logger": "0.4.1",
+        "@firebase/remote-config": "0.4.6",
+        "@firebase/remote-config-types": "0.3.1",
+        "@firebase/util": "1.9.5",
+        "tslib": "^2.1.0"
+      },
+      "peerDependencies": {
+        "@firebase/app-compat": "0.x"
+      }
+    },
+    "node_modules/@firebase/remote-config-types": {
+      "version": "0.3.1",
+      "resolved": "https://registry.npmjs.org/@firebase/remote-config-types/-/remote-config-types-0.3.1.tgz",
+      "integrity": "sha512-PgmfUugcJAinPLsJlYcBbNZe7KE2omdQw1WCT/z46nKkNVGkuHdVFSq54s3wiFa9BoHmLZ01u4hGXIhm6MdLOw=="
+    },
+    "node_modules/@firebase/storage": {
+      "version": "0.12.4",
+      "resolved": "https://registry.npmjs.org/@firebase/storage/-/storage-0.12.4.tgz",
+      "integrity": "sha512-HcmUcp2kSSr5cHkIqFrgUW+i20925EEjkXepQxgBcI2Vx0cyqshr8iETtGow2+cMBFeY8H2swsKKabOKAjIwlQ==",
+      "dependencies": {
+        "@firebase/component": "0.6.6",
+        "@firebase/util": "1.9.5",
+        "tslib": "^2.1.0",
+        "undici": "5.28.4"
+      },
+      "peerDependencies": {
+        "@firebase/app": "0.x"
+      }
+    },
+    "node_modules/@firebase/storage-compat": {
+      "version": "0.3.7",
+      "resolved": "https://registry.npmjs.org/@firebase/storage-compat/-/storage-compat-0.3.7.tgz",
+      "integrity": "sha512-pTlNAm8/QPN7vhYRyd5thr2ouCykP+wIFXHY1AV42WTrk98sTGdIlt/tusHzmrH4mJ34MPaICS0cn2lYikiq8w==",
+      "dependencies": {
+        "@firebase/component": "0.6.6",
+        "@firebase/storage": "0.12.4",
+        "@firebase/storage-types": "0.8.1",
+        "@firebase/util": "1.9.5",
+        "tslib": "^2.1.0"
+      },
+      "peerDependencies": {
+        "@firebase/app-compat": "0.x"
+      }
+    },
+    "node_modules/@firebase/storage-types": {
+      "version": "0.8.1",
+      "resolved": "https://registry.npmjs.org/@firebase/storage-types/-/storage-types-0.8.1.tgz",
+      "integrity": "sha512-yj0vypPT9UbbfYYwzpXPYchnjWqCADcTbGNawAIebww8rnQYPGbESYTKQdFRPXiLspYPB7xCHTXThmMJuvDcsQ==",
+      "peerDependencies": {
+        "@firebase/app-types": "0.x",
+        "@firebase/util": "1.x"
+      }
+    },
+    "node_modules/@firebase/util": {
+      "version": "1.9.5",
+      "resolved": "https://registry.npmjs.org/@firebase/util/-/util-1.9.5.tgz",
+      "integrity": "sha512-PP4pAFISDxsf70l3pEy34Mf3GkkUcVQ3MdKp6aSVb7tcpfUQxnsdV7twDd8EkfB6zZylH6wpUAoangQDmCUMqw==",
+      "dependencies": {
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@firebase/webchannel-wrapper": {
+      "version": "0.10.6",
+      "resolved": "https://registry.npmjs.org/@firebase/webchannel-wrapper/-/webchannel-wrapper-0.10.6.tgz",
+      "integrity": "sha512-EnfRJvrnzkHwN3BPMCayCFT5lCqInzg3RdlRsDjDvB1EJli6Usj26T6lJ67BU2UcYXBS5xcp1Wj4+zRzj2NaZg=="
+    },
     "node_modules/@gar/promisify": {
       "version": "1.1.3",
       "resolved": "https://registry.npmjs.org/@gar/promisify/-/promisify-1.1.3.tgz",
@@ -3470,6 +3965,35 @@
         "graphql": "^0.8.0 || ^0.9.0 || ^0.10.0 || ^0.11.0 || ^0.12.0 || ^0.13.0 || ^14.0.0 || ^15.0.0 || ^16.0.0 || ^17.0.0"
       }
     },
+    "node_modules/@grpc/grpc-js": {
+      "version": "1.9.14",
+      "resolved": "https://registry.npmjs.org/@grpc/grpc-js/-/grpc-js-1.9.14.tgz",
+      "integrity": "sha512-nOpuzZ2G3IuMFN+UPPpKrC6NsLmWsTqSsm66IRfnBt1D4pwTqE27lmbpcPM+l2Ua4gE7PfjRHI6uedAy7hoXUw==",
+      "dependencies": {
+        "@grpc/proto-loader": "^0.7.8",
+        "@types/node": ">=12.12.47"
+      },
+      "engines": {
+        "node": "^8.13.0 || >=10.10.0"
+      }
+    },
+    "node_modules/@grpc/proto-loader": {
+      "version": "0.7.12",
+      "resolved": "https://registry.npmjs.org/@grpc/proto-loader/-/proto-loader-0.7.12.tgz",
+      "integrity": "sha512-DCVwMxqYzpUCiDMl7hQ384FqP4T3DbNpXU8pt681l3UWCip1WUiD5JrkImUwCB9a7f2cq4CUTmi5r/xIMRPY1Q==",
+      "dependencies": {
+        "lodash.camelcase": "^4.3.0",
+        "long": "^5.0.0",
+        "protobufjs": "^7.2.4",
+        "yargs": "^17.7.2"
+      },
+      "bin": {
+        "proto-loader-gen-types": "build/bin/proto-loader-gen-types.js"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/@hapi/hoek": {
       "version": "9.3.0",
       "resolved": "https://registry.npmjs.org/@hapi/hoek/-/hoek-9.3.0.tgz",
@@ -4030,6 +4554,71 @@
         "node": ">=10"
       }
     },
+    "node_modules/@protobufjs/aspromise": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@protobufjs/aspromise/-/aspromise-1.1.2.tgz",
+      "integrity": "sha512-j+gKExEuLmKwvz3OgROXtrJ2UG2x8Ch2YZUxahh+s1F2HZ+wAceUNLkvy6zKCPVRkU++ZWQrdxsUeQXmcg4uoQ=="
+    },
+    "node_modules/@protobufjs/base64": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@protobufjs/base64/-/base64-1.1.2.tgz",
+      "integrity": "sha512-AZkcAA5vnN/v4PDqKyMR5lx7hZttPDgClv83E//FMNhR2TMcLUhfRUBHCmSl0oi9zMgDDqRUJkSxO3wm85+XLg=="
+    },
+    "node_modules/@protobufjs/codegen": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/@protobufjs/codegen/-/codegen-2.0.4.tgz",
+      "integrity": "sha512-YyFaikqM5sH0ziFZCN3xDC7zeGaB/d0IUb9CATugHWbd1FRFwWwt4ld4OYMPWu5a3Xe01mGAULCdqhMlPl29Jg=="
+    },
+    "node_modules/@protobufjs/eventemitter": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@protobufjs/eventemitter/-/eventemitter-1.1.0.tgz",
+      "integrity": "sha512-j9ednRT81vYJ9OfVuXG6ERSTdEL1xVsNgqpkxMsbIabzSo3goCjDIveeGv5d03om39ML71RdmrGNjG5SReBP/Q=="
+    },
+    "node_modules/@protobufjs/fetch": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@protobufjs/fetch/-/fetch-1.1.0.tgz",
+      "integrity": "sha512-lljVXpqXebpsijW71PZaCYeIcE5on1w5DlQy5WH6GLbFryLUrBD4932W/E2BSpfRJWseIL4v/KPgBFxDOIdKpQ==",
+      "dependencies": {
+        "@protobufjs/aspromise": "^1.1.1",
+        "@protobufjs/inquire": "^1.1.0"
+      }
+    },
+    "node_modules/@protobufjs/float": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/@protobufjs/float/-/float-1.0.2.tgz",
+      "integrity": "sha512-Ddb+kVXlXst9d+R9PfTIxh1EdNkgoRe5tOX6t01f1lYWOvJnSPDBlG241QLzcyPdoNTsblLUdujGSE4RzrTZGQ=="
+    },
+    "node_modules/@protobufjs/inquire": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@protobufjs/inquire/-/inquire-1.1.0.tgz",
+      "integrity": "sha512-kdSefcPdruJiFMVSbn801t4vFK7KB/5gd2fYvrxhuJYg8ILrmn9SKSX2tZdV6V+ksulWqS7aXjBcRXl3wHoD9Q=="
+    },
+    "node_modules/@protobufjs/path": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@protobufjs/path/-/path-1.1.2.tgz",
+      "integrity": "sha512-6JOcJ5Tm08dOHAbdR3GrvP+yUUfkjG5ePsHYczMFLq3ZmMkAD98cDgcT2iA1lJ9NVwFd4tH/iSSoe44YWkltEA=="
+    },
+    "node_modules/@protobufjs/pool": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@protobufjs/pool/-/pool-1.1.0.tgz",
+      "integrity": "sha512-0kELaGSIDBKvcgS4zkjz1PeddatrjYcmMWOlAuAPwAeccUrPHdUqo/J6LiymHHEiJT5NrF1UVwxY14f+fy4WQw=="
+    },
+    "node_modules/@protobufjs/utf8": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@protobufjs/utf8/-/utf8-1.1.0.tgz",
+      "integrity": "sha512-Vvn3zZrhQZkkBE8LSuW3em98c0FwgO4nxzv6OdSxPKJIEKY2bGbHn+mhGIPerzI4twdxaP8/0+06HBpwf345Lw=="
+    },
+    "node_modules/@react-native-async-storage/async-storage": {
+      "version": "1.23.1",
+      "resolved": "https://registry.npmjs.org/@react-native-async-storage/async-storage/-/async-storage-1.23.1.tgz",
+      "integrity": "sha512-Qd2kQ3yi6Y3+AcUlrHxSLlnBvpdCEMVGFlVBneVOjaFaPU61g1huc38g339ysXspwY1QZA2aNhrk/KlHGO+ewA==",
+      "dependencies": {
+        "merge-options": "^3.0.4"
+      },
+      "peerDependencies": {
+        "react-native": "^0.0.0-0 || >=0.60 <1.0"
+      }
+    },
     "node_modules/@react-native-community/cli": {
       "version": "11.3.7",
       "resolved": "https://registry.npmjs.org/@react-native-community/cli/-/cli-11.3.7.tgz",
@@ -9837,6 +10426,39 @@
         "micromatch": "^4.0.2"
       }
     },
+    "node_modules/firebase": {
+      "version": "10.11.0",
+      "resolved": "https://registry.npmjs.org/firebase/-/firebase-10.11.0.tgz",
+      "integrity": "sha512-stWqB0cmUBFidaWCgDV6on6uQyAV8jFe9XdOp0Y1GRM/LUn0MjPSgW06Tc3pFlaefQ+WTLR/CNwL+0qGhxDLIA==",
+      "dependencies": {
+        "@firebase/analytics": "0.10.2",
+        "@firebase/analytics-compat": "0.2.8",
+        "@firebase/app": "0.10.1",
+        "@firebase/app-check": "0.8.3",
+        "@firebase/app-check-compat": "0.3.10",
+        "@firebase/app-compat": "0.2.31",
+        "@firebase/app-types": "0.9.1",
+        "@firebase/auth": "1.7.1",
+        "@firebase/auth-compat": "0.5.6",
+        "@firebase/database": "1.0.4",
+        "@firebase/database-compat": "1.0.4",
+        "@firebase/firestore": "4.6.0",
+        "@firebase/firestore-compat": "0.3.29",
+        "@firebase/functions": "0.11.4",
+        "@firebase/functions-compat": "0.3.10",
+        "@firebase/installations": "0.6.6",
+        "@firebase/installations-compat": "0.2.6",
+        "@firebase/messaging": "0.12.8",
+        "@firebase/messaging-compat": "0.2.8",
+        "@firebase/performance": "0.6.6",
+        "@firebase/performance-compat": "0.2.6",
+        "@firebase/remote-config": "0.4.6",
+        "@firebase/remote-config-compat": "0.2.6",
+        "@firebase/storage": "0.12.4",
+        "@firebase/storage-compat": "0.3.7",
+        "@firebase/util": "1.9.5"
+      }
+    },
     "node_modules/flow-enums-runtime": {
       "version": "0.0.5",
       "resolved": "https://registry.npmjs.org/flow-enums-runtime/-/flow-enums-runtime-0.0.5.tgz",
@@ -10485,6 +11107,11 @@
         "postcss": "^8.1.0"
       }
     },
+    "node_modules/idb": {
+      "version": "7.1.1",
+      "resolved": "https://registry.npmjs.org/idb/-/idb-7.1.1.tgz",
+      "integrity": "sha512-gchesWBzyvGHRO9W8tzUWFDycow5gwjvFKfyV9FF32Y7F50yZMp7mP+T2mJIWFx49zicqyC4uefHM17o6xKIVQ=="
+    },
     "node_modules/ieee754": {
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/ieee754/-/ieee754-1.2.1.tgz",
@@ -11851,6 +12478,11 @@
       "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
       "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg=="
     },
+    "node_modules/lodash.camelcase": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/lodash.camelcase/-/lodash.camelcase-4.3.0.tgz",
+      "integrity": "sha512-TwuEnCnxbc3rAvhf/LbG7tJUDzhqXyFnv3dtzLOPgCG/hODL7WFnsbwktkD7yUV0RrreP/l1PALq/YSg6VvjlA=="
+    },
     "node_modules/lodash.debounce": {
       "version": "4.0.8",
       "resolved": "https://registry.npmjs.org/lodash.debounce/-/lodash.debounce-4.0.8.tgz",
@@ -12053,6 +12685,11 @@
         "node": ">=6"
       }
     },
+    "node_modules/long": {
+      "version": "5.2.3",
+      "resolved": "https://registry.npmjs.org/long/-/long-5.2.3.tgz",
+      "integrity": "sha512-lcHwpNoggQTObv5apGNCTdJrO69eHOZMi4BNC+rTLER8iHAqGrUVeLh/irVIM7zTw2bOXA8T6uNPeujwOLg/2Q=="
+    },
     "node_modules/loose-envify": {
       "version": "1.4.0",
       "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz",
@@ -12170,6 +12807,25 @@
       "resolved": "https://registry.npmjs.org/merge-descriptors/-/merge-descriptors-1.0.1.tgz",
       "integrity": "sha512-cCi6g3/Zr1iqQi6ySbseM1Xvooa98N0w31jzUYrXPX2xqObmFGHJ0tQ5u74H3mVh7wLouTseZyYIq39g8cNp1w=="
     },
+    "node_modules/merge-options": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/merge-options/-/merge-options-3.0.4.tgz",
+      "integrity": "sha512-2Sug1+knBjkaMsMgf1ctR1Ujx+Ayku4EdJN4Z+C2+JzoeF7A3OZ9KM2GY0CpQS51NR61LTurMJrRKPhSs3ZRTQ==",
+      "dependencies": {
+        "is-plain-obj": "^2.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/merge-options/node_modules/is-plain-obj": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-2.1.0.tgz",
+      "integrity": "sha512-YWnfyRwxL/+SsrWYfOpUtz5b3YD+nyfkHvjbcanzk8zgyO4ASD67uVMRt8k5bM4lLMDnXfriRhOpemw+NfT1eA==",
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/merge-stream": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/merge-stream/-/merge-stream-2.0.0.tgz",
@@ -14489,6 +15145,29 @@
         "react-is": "^16.13.1"
       }
     },
+    "node_modules/protobufjs": {
+      "version": "7.2.6",
+      "resolved": "https://registry.npmjs.org/protobufjs/-/protobufjs-7.2.6.tgz",
+      "integrity": "sha512-dgJaEDDL6x8ASUZ1YqWciTRrdOuYNzoOf27oHNfdyvKqHr5i0FV7FSLU+aIeFjyFgVxrpTOtQUi0BLLBymZaBw==",
+      "hasInstallScript": true,
+      "dependencies": {
+        "@protobufjs/aspromise": "^1.1.2",
+        "@protobufjs/base64": "^1.1.2",
+        "@protobufjs/codegen": "^2.0.4",
+        "@protobufjs/eventemitter": "^1.1.0",
+        "@protobufjs/fetch": "^1.1.0",
+        "@protobufjs/float": "^1.0.2",
+        "@protobufjs/inquire": "^1.1.0",
+        "@protobufjs/path": "^1.1.2",
+        "@protobufjs/pool": "^1.1.0",
+        "@protobufjs/utf8": "^1.1.0",
+        "@types/node": ">=13.7.0",
+        "long": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      }
+    },
     "node_modules/proxy-addr": {
       "version": "2.0.7",
       "resolved": "https://registry.npmjs.org/proxy-addr/-/proxy-addr-2.0.7.tgz",
@@ -16612,6 +17291,17 @@
       "resolved": "https://registry.npmjs.org/commander/-/commander-2.13.0.tgz",
       "integrity": "sha512-MVuS359B+YzaWqjCL/c+22gfryv+mCBPHAv3zyVI2GN8EY6IRP8VwtasXn8jyyhvvq84R4ImN1OKRtcbIasjYA=="
     },
+    "node_modules/undici": {
+      "version": "5.28.4",
+      "resolved": "https://registry.npmjs.org/undici/-/undici-5.28.4.tgz",
+      "integrity": "sha512-72RFADWFqKmUb2hmmvNODKL3p9hcB6Gt2DOQMis1SEBaV6a4MH8soBvzg+95CYhCKPFedut2JY9bMfrDl9D23g==",
+      "dependencies": {
+        "@fastify/busboy": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=14.0"
+      }
+    },
     "node_modules/undici-types": {
       "version": "5.25.3",
       "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-5.25.3.tgz",
@@ -20001,6 +20691,416 @@
         }
       }
     },
+    "@fastify/busboy": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/@fastify/busboy/-/busboy-2.1.1.tgz",
+      "integrity": "sha512-vBZP4NlzfOlerQTnba4aqZoMhE/a9HY7HRqoOPaETQcSQuWEIyZMHGfVu6w9wGtGK5fED5qRs2DteVCjOH60sA=="
+    },
+    "@firebase/analytics": {
+      "version": "0.10.2",
+      "resolved": "https://registry.npmjs.org/@firebase/analytics/-/analytics-0.10.2.tgz",
+      "integrity": "sha512-6Gv/Fndih+dOEEfsBJEeKlwxw9EvCO9D/y+yJMasblvCmj78wUVtn+T96zguSrbhfZ2yBhLS1vukYiPg6hI49w==",
+      "requires": {
+        "@firebase/component": "0.6.6",
+        "@firebase/installations": "0.6.6",
+        "@firebase/logger": "0.4.1",
+        "@firebase/util": "1.9.5",
+        "tslib": "^2.1.0"
+      }
+    },
+    "@firebase/analytics-compat": {
+      "version": "0.2.8",
+      "resolved": "https://registry.npmjs.org/@firebase/analytics-compat/-/analytics-compat-0.2.8.tgz",
+      "integrity": "sha512-scvzDPIsP9HcLWM77YQD7F3yLQksGvPUzyfqUrPo9XxIx26txJvGMJAS8O8BHa6jIvsjUenaTZ5oXEtKqNZQ9Q==",
+      "requires": {
+        "@firebase/analytics": "0.10.2",
+        "@firebase/analytics-types": "0.8.1",
+        "@firebase/component": "0.6.6",
+        "@firebase/util": "1.9.5",
+        "tslib": "^2.1.0"
+      }
+    },
+    "@firebase/analytics-types": {
+      "version": "0.8.1",
+      "resolved": "https://registry.npmjs.org/@firebase/analytics-types/-/analytics-types-0.8.1.tgz",
+      "integrity": "sha512-niv/67/EOkTlGUxyiOYfIkysSMGYxkIUHJzT9pNkeIGt6zOz759oCUXOAwwjJzckh11dMBFjIYBmtWrdSgbmJw=="
+    },
+    "@firebase/app": {
+      "version": "0.10.1",
+      "resolved": "https://registry.npmjs.org/@firebase/app/-/app-0.10.1.tgz",
+      "integrity": "sha512-H8hvbSVxNt+QaUQ1O0Gqidksi5ilj6eL8iMYxUNZgsMwZ1yOTgXc2C9zktbPQKokgcMq+EbF0k/t5iouslSkiA==",
+      "requires": {
+        "@firebase/component": "0.6.6",
+        "@firebase/logger": "0.4.1",
+        "@firebase/util": "1.9.5",
+        "idb": "7.1.1",
+        "tslib": "^2.1.0"
+      }
+    },
+    "@firebase/app-check": {
+      "version": "0.8.3",
+      "resolved": "https://registry.npmjs.org/@firebase/app-check/-/app-check-0.8.3.tgz",
+      "integrity": "sha512-nvlsj5oZBtYDjFTygQJ6xpyiYj8Jao2bFFyNJkUUPdg/QB8uhqDeG74P+gUH6iY9qzd1g5ZokmmGsoIhv9tdSQ==",
+      "requires": {
+        "@firebase/component": "0.6.6",
+        "@firebase/logger": "0.4.1",
+        "@firebase/util": "1.9.5",
+        "tslib": "^2.1.0"
+      }
+    },
+    "@firebase/app-check-compat": {
+      "version": "0.3.10",
+      "resolved": "https://registry.npmjs.org/@firebase/app-check-compat/-/app-check-compat-0.3.10.tgz",
+      "integrity": "sha512-v+jiLG3rQ1fhpIuNIm3WqrL4dkPUIkgOWoic7QABVsZKSAv2YhOFvAenp7IhSP/pz/aiPniJ8G7el/MWieECTg==",
+      "requires": {
+        "@firebase/app-check": "0.8.3",
+        "@firebase/app-check-types": "0.5.1",
+        "@firebase/component": "0.6.6",
+        "@firebase/logger": "0.4.1",
+        "@firebase/util": "1.9.5",
+        "tslib": "^2.1.0"
+      }
+    },
+    "@firebase/app-check-interop-types": {
+      "version": "0.3.1",
+      "resolved": "https://registry.npmjs.org/@firebase/app-check-interop-types/-/app-check-interop-types-0.3.1.tgz",
+      "integrity": "sha512-NILZbe6RH3X1pZmJnfOfY2gLIrlKmrkUMMrrK6VSXHcSE0eQv28xFEcw16D198i9JYZpy5Kwq394My62qCMaIw=="
+    },
+    "@firebase/app-check-types": {
+      "version": "0.5.1",
+      "resolved": "https://registry.npmjs.org/@firebase/app-check-types/-/app-check-types-0.5.1.tgz",
+      "integrity": "sha512-NqeIcuGzZjl+khpXV0qsyOoaTqLeiG/K0kIDrebol+gb7xpmfOvXXqPEls+1WFBgHcPGdu+XRLhBA7xLzrVdpA=="
+    },
+    "@firebase/app-compat": {
+      "version": "0.2.31",
+      "resolved": "https://registry.npmjs.org/@firebase/app-compat/-/app-compat-0.2.31.tgz",
+      "integrity": "sha512-TP9EwOiqDDL4tsP9EyOJn+RYUTkopS0nCg6TZ0PH8XiUgLlgDAF2waAZNha0+18elUkVjbWoXcudCgJ0iVWEVA==",
+      "requires": {
+        "@firebase/app": "0.10.1",
+        "@firebase/component": "0.6.6",
+        "@firebase/logger": "0.4.1",
+        "@firebase/util": "1.9.5",
+        "tslib": "^2.1.0"
+      }
+    },
+    "@firebase/app-types": {
+      "version": "0.9.1",
+      "resolved": "https://registry.npmjs.org/@firebase/app-types/-/app-types-0.9.1.tgz",
+      "integrity": "sha512-nFGqTYsnDFn1oXf1tCwPAc+hQPxyvBT/QB7qDjwK+IDYThOn63nGhzdUTXxVD9Ca8gUY/e5PQMngeo0ZW/E3uQ=="
+    },
+    "@firebase/auth": {
+      "version": "1.7.1",
+      "resolved": "https://registry.npmjs.org/@firebase/auth/-/auth-1.7.1.tgz",
+      "integrity": "sha512-h1nTQ/bKuKmXnwhQP1hi73aSnEp3YQnw+9k8ICwvNB9FhG0XJS5VNtR08cpLUpwl9clSTujg3EP/Hs/chZnq4A==",
+      "requires": {
+        "@firebase/component": "0.6.6",
+        "@firebase/logger": "0.4.1",
+        "@firebase/util": "1.9.5",
+        "tslib": "^2.1.0",
+        "undici": "5.28.4"
+      }
+    },
+    "@firebase/auth-compat": {
+      "version": "0.5.6",
+      "resolved": "https://registry.npmjs.org/@firebase/auth-compat/-/auth-compat-0.5.6.tgz",
+      "integrity": "sha512-zXo0CnGG8UqFtXW76XfXdKmDaAUW7QEN0BYXYH04VuzdPCmkWaR5Uybjp/Tglh3+UqE4AhYcYe0p2n+mxmkLqA==",
+      "requires": {
+        "@firebase/auth": "1.7.1",
+        "@firebase/auth-types": "0.12.1",
+        "@firebase/component": "0.6.6",
+        "@firebase/util": "1.9.5",
+        "tslib": "^2.1.0",
+        "undici": "5.28.4"
+      }
+    },
+    "@firebase/auth-interop-types": {
+      "version": "0.2.2",
+      "resolved": "https://registry.npmjs.org/@firebase/auth-interop-types/-/auth-interop-types-0.2.2.tgz",
+      "integrity": "sha512-k3NA28Jfoo0+o391bFjoV9X5QLnUL1WbLhZZRbTQhZdmdGYJfX8ixtNNlHsYQ94bwG0QRbsmvkzDnzuhHrV11w=="
+    },
+    "@firebase/auth-types": {
+      "version": "0.12.1",
+      "resolved": "https://registry.npmjs.org/@firebase/auth-types/-/auth-types-0.12.1.tgz",
+      "integrity": "sha512-B3dhiWRWf/njWosx4zdhSEoD4WHJmr4zbnBw6t20mRG/IZ4u0rWUBlMP1vFjhMstKIow1XmoGhTwD65X5ZXLjw==",
+      "requires": {}
+    },
+    "@firebase/component": {
+      "version": "0.6.6",
+      "resolved": "https://registry.npmjs.org/@firebase/component/-/component-0.6.6.tgz",
+      "integrity": "sha512-pp7sWqHmAAlA3os6ERgoM3k5Cxff510M9RLXZ9Mc8KFKMBc2ct3RkZTWUF7ixJNvMiK/iNgRLPDrLR2gtRJ9iQ==",
+      "requires": {
+        "@firebase/util": "1.9.5",
+        "tslib": "^2.1.0"
+      }
+    },
+    "@firebase/database": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/@firebase/database/-/database-1.0.4.tgz",
+      "integrity": "sha512-k84cXh+dtpzvY6yOhfyr1B+I1vjvSMtmlqotE0lTNVylc8m5nmOohjzpTLEQDrBWvwACX/VP5fEyajAdmnOKqA==",
+      "requires": {
+        "@firebase/app-check-interop-types": "0.3.1",
+        "@firebase/auth-interop-types": "0.2.2",
+        "@firebase/component": "0.6.6",
+        "@firebase/logger": "0.4.1",
+        "@firebase/util": "1.9.5",
+        "faye-websocket": "0.11.4",
+        "tslib": "^2.1.0"
+      }
+    },
+    "@firebase/database-compat": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/@firebase/database-compat/-/database-compat-1.0.4.tgz",
+      "integrity": "sha512-GEEDAvsSMAkqy0BIFSVtFzoOIIcKHFfDM4aXHtWL/JCaNn4OOjH7td73jDfN3ALvpIN4hQki0FcxQ89XjqaTjQ==",
+      "requires": {
+        "@firebase/component": "0.6.6",
+        "@firebase/database": "1.0.4",
+        "@firebase/database-types": "1.0.2",
+        "@firebase/logger": "0.4.1",
+        "@firebase/util": "1.9.5",
+        "tslib": "^2.1.0"
+      }
+    },
+    "@firebase/database-types": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/@firebase/database-types/-/database-types-1.0.2.tgz",
+      "integrity": "sha512-JRigr5JNLEHqOkI99tAGHDZF47469/cJz1tRAgGs8Feh+3ZmQy/vVChSqwMp2DuVUGp9PlmGsNSlpINJ/hDuIA==",
+      "requires": {
+        "@firebase/app-types": "0.9.1",
+        "@firebase/util": "1.9.5"
+      }
+    },
+    "@firebase/firestore": {
+      "version": "4.6.0",
+      "resolved": "https://registry.npmjs.org/@firebase/firestore/-/firestore-4.6.0.tgz",
+      "integrity": "sha512-mul4L2Bp+Q5R5mV1nf5Z6OmsHHFid7uSEeR8oTM89p5G0nMam4GKaBAvgLSxwsXQbyy2WW9nNnuAWLfD7HDxFA==",
+      "requires": {
+        "@firebase/component": "0.6.6",
+        "@firebase/logger": "0.4.1",
+        "@firebase/util": "1.9.5",
+        "@firebase/webchannel-wrapper": "0.10.6",
+        "@grpc/grpc-js": "~1.9.0",
+        "@grpc/proto-loader": "^0.7.8",
+        "tslib": "^2.1.0",
+        "undici": "5.28.4"
+      }
+    },
+    "@firebase/firestore-compat": {
+      "version": "0.3.29",
+      "resolved": "https://registry.npmjs.org/@firebase/firestore-compat/-/firestore-compat-0.3.29.tgz",
+      "integrity": "sha512-ylBtvIQo2Caj1qXUd7ksj8xcL9l1b/F2Et6rq0smogPvl5CGvrv49xC5wVLJDmkMmH7IBEJb26KKC/RW1XYymg==",
+      "requires": {
+        "@firebase/component": "0.6.6",
+        "@firebase/firestore": "4.6.0",
+        "@firebase/firestore-types": "3.0.1",
+        "@firebase/util": "1.9.5",
+        "tslib": "^2.1.0"
+      }
+    },
+    "@firebase/firestore-types": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/@firebase/firestore-types/-/firestore-types-3.0.1.tgz",
+      "integrity": "sha512-mVhPcHr5FICjF67m6JHgj+XRvAz/gZ62xifeGfcm00RFl6tNKfCzCfKeyB2BDIEc9dUnEstkmIXlmLIelOWoaA==",
+      "requires": {}
+    },
+    "@firebase/functions": {
+      "version": "0.11.4",
+      "resolved": "https://registry.npmjs.org/@firebase/functions/-/functions-0.11.4.tgz",
+      "integrity": "sha512-FeMpXtlZG8hnxUauI5J8BSmIbY/Gcv7UVlByxHuHmGxxeS8mJPuAdIxPLUBNtV/naf+MeimIPcpPMslYr6tN6w==",
+      "requires": {
+        "@firebase/app-check-interop-types": "0.3.1",
+        "@firebase/auth-interop-types": "0.2.2",
+        "@firebase/component": "0.6.6",
+        "@firebase/messaging-interop-types": "0.2.1",
+        "@firebase/util": "1.9.5",
+        "tslib": "^2.1.0",
+        "undici": "5.28.4"
+      }
+    },
+    "@firebase/functions-compat": {
+      "version": "0.3.10",
+      "resolved": "https://registry.npmjs.org/@firebase/functions-compat/-/functions-compat-0.3.10.tgz",
+      "integrity": "sha512-2Yidp6Dgf2k8LqJDQUTqdYFdf4ySNmZ71yeDX4lThby1HRMww+Y3nN98YaM6hHarZX3PUfaMUiMBZMHCRRT2IA==",
+      "requires": {
+        "@firebase/component": "0.6.6",
+        "@firebase/functions": "0.11.4",
+        "@firebase/functions-types": "0.6.1",
+        "@firebase/util": "1.9.5",
+        "tslib": "^2.1.0"
+      }
+    },
+    "@firebase/functions-types": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/@firebase/functions-types/-/functions-types-0.6.1.tgz",
+      "integrity": "sha512-DirqgTXSBzyKsQwcKnx/YdGMaRdJhywnThrINP+Iog8QfQnrL7aprTXHDFHlpZEMwykS54YRk53xzz7j396QXQ=="
+    },
+    "@firebase/installations": {
+      "version": "0.6.6",
+      "resolved": "https://registry.npmjs.org/@firebase/installations/-/installations-0.6.6.tgz",
+      "integrity": "sha512-dNGRGoHmstgEJqh9Kzk22fR2ZrVBH1JWliaL6binQ6pIzlWscreHNczzJDgOKoVT0PjWTrAmh/azztiX/e2uTw==",
+      "requires": {
+        "@firebase/component": "0.6.6",
+        "@firebase/util": "1.9.5",
+        "idb": "7.1.1",
+        "tslib": "^2.1.0"
+      }
+    },
+    "@firebase/installations-compat": {
+      "version": "0.2.6",
+      "resolved": "https://registry.npmjs.org/@firebase/installations-compat/-/installations-compat-0.2.6.tgz",
+      "integrity": "sha512-uxBAt2WsuEMT5dalA/1O+Uyi9DS25zKHgIPdrQ7KO1ZUdBURiGScIyjdhIM/7NMSvHGYugK4PUVdK9NFIffeiw==",
+      "requires": {
+        "@firebase/component": "0.6.6",
+        "@firebase/installations": "0.6.6",
+        "@firebase/installations-types": "0.5.1",
+        "@firebase/util": "1.9.5",
+        "tslib": "^2.1.0"
+      }
+    },
+    "@firebase/installations-types": {
+      "version": "0.5.1",
+      "resolved": "https://registry.npmjs.org/@firebase/installations-types/-/installations-types-0.5.1.tgz",
+      "integrity": "sha512-OyREnRTfe2wIWTrzCz65ajyo4lFm6VgbeVqMMP+3GJLfCtNvY9VXkmqs3WFEsyYezzdcRqOt39FynZoLlkO+cQ==",
+      "requires": {}
+    },
+    "@firebase/logger": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/@firebase/logger/-/logger-0.4.1.tgz",
+      "integrity": "sha512-tTIixB5UJbG9ZHSGZSZdX7THr3KWOLrejZ9B7jYsm6fpwgRNngKznQKA2wgYVyvBc1ta7dGFh9NtJ8n7qfiYIw==",
+      "requires": {
+        "tslib": "^2.1.0"
+      }
+    },
+    "@firebase/messaging": {
+      "version": "0.12.8",
+      "resolved": "https://registry.npmjs.org/@firebase/messaging/-/messaging-0.12.8.tgz",
+      "integrity": "sha512-FbCTNhv5DUBo8It+Wj3XbKM1xf3PeoHsHk8PjMWBNm0yP+LL8Jhd3ejRsukEYdysTMvgxY4sU5Cs5YNTK44qTQ==",
+      "requires": {
+        "@firebase/component": "0.6.6",
+        "@firebase/installations": "0.6.6",
+        "@firebase/messaging-interop-types": "0.2.1",
+        "@firebase/util": "1.9.5",
+        "idb": "7.1.1",
+        "tslib": "^2.1.0"
+      }
+    },
+    "@firebase/messaging-compat": {
+      "version": "0.2.8",
+      "resolved": "https://registry.npmjs.org/@firebase/messaging-compat/-/messaging-compat-0.2.8.tgz",
+      "integrity": "sha512-/2ibL9u64jn76g67qjAZutVnPTV6euu0z3BvCjcqlNbMMdtoyNjyHOBRe/D7eVcrRt0uB4rTPnjr3A6sVKdjuA==",
+      "requires": {
+        "@firebase/component": "0.6.6",
+        "@firebase/messaging": "0.12.8",
+        "@firebase/util": "1.9.5",
+        "tslib": "^2.1.0"
+      }
+    },
+    "@firebase/messaging-interop-types": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/@firebase/messaging-interop-types/-/messaging-interop-types-0.2.1.tgz",
+      "integrity": "sha512-jfGJ7Jc32BDHXvXHyXi34mVLzZY8X0t929DTMwz7Tj2Hc40Zuzx8VRCIPLRrRUyvBrJCd5EpIcQgCygXhtaN1A=="
+    },
+    "@firebase/performance": {
+      "version": "0.6.6",
+      "resolved": "https://registry.npmjs.org/@firebase/performance/-/performance-0.6.6.tgz",
+      "integrity": "sha512-UOUHhvj2GJcjyJewdX1ShnON0/eqTswHvYzzQPC4nrIuMFvHwMGk8NpCaqh7JZmpaxh9AMr6kM+M/p37DrKWXA==",
+      "requires": {
+        "@firebase/component": "0.6.6",
+        "@firebase/installations": "0.6.6",
+        "@firebase/logger": "0.4.1",
+        "@firebase/util": "1.9.5",
+        "tslib": "^2.1.0"
+      }
+    },
+    "@firebase/performance-compat": {
+      "version": "0.2.6",
+      "resolved": "https://registry.npmjs.org/@firebase/performance-compat/-/performance-compat-0.2.6.tgz",
+      "integrity": "sha512-JSGdNNHBAMRTocGpN+m+7tk+9rulBcwuG+Ejw/ooDj45FGcON1Eymxh/qbe5M6Dlj5P1ClbkHLj4yf7MiCHOag==",
+      "requires": {
+        "@firebase/component": "0.6.6",
+        "@firebase/logger": "0.4.1",
+        "@firebase/performance": "0.6.6",
+        "@firebase/performance-types": "0.2.1",
+        "@firebase/util": "1.9.5",
+        "tslib": "^2.1.0"
+      }
+    },
+    "@firebase/performance-types": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/@firebase/performance-types/-/performance-types-0.2.1.tgz",
+      "integrity": "sha512-kQ8pEr4d6ArhPoYrngcFlEJMNWMdEZTpvMAttWH0C2vegBgj47cm6xXFy9+0j27OBhOIiPn48Z+2WE2XNu33CQ=="
+    },
+    "@firebase/remote-config": {
+      "version": "0.4.6",
+      "resolved": "https://registry.npmjs.org/@firebase/remote-config/-/remote-config-0.4.6.tgz",
+      "integrity": "sha512-qtanFS+AX5k/7e/+Azf27Hq4reX28QsUvRcYWyS5cOaRMS9jtll4MK4winWmzX8MdJY637nFzIx43PlMKVnaKw==",
+      "requires": {
+        "@firebase/component": "0.6.6",
+        "@firebase/installations": "0.6.6",
+        "@firebase/logger": "0.4.1",
+        "@firebase/util": "1.9.5",
+        "tslib": "^2.1.0"
+      }
+    },
+    "@firebase/remote-config-compat": {
+      "version": "0.2.6",
+      "resolved": "https://registry.npmjs.org/@firebase/remote-config-compat/-/remote-config-compat-0.2.6.tgz",
+      "integrity": "sha512-cFdpmN/rzDhm4pbk0WpOzK9JQ9I1ZhXzhtYbKRBwUag3pG1odEfIORygMDCGQniPpcae/QGXho4srJHfoijKuw==",
+      "requires": {
+        "@firebase/component": "0.6.6",
+        "@firebase/logger": "0.4.1",
+        "@firebase/remote-config": "0.4.6",
+        "@firebase/remote-config-types": "0.3.1",
+        "@firebase/util": "1.9.5",
+        "tslib": "^2.1.0"
+      }
+    },
+    "@firebase/remote-config-types": {
+      "version": "0.3.1",
+      "resolved": "https://registry.npmjs.org/@firebase/remote-config-types/-/remote-config-types-0.3.1.tgz",
+      "integrity": "sha512-PgmfUugcJAinPLsJlYcBbNZe7KE2omdQw1WCT/z46nKkNVGkuHdVFSq54s3wiFa9BoHmLZ01u4hGXIhm6MdLOw=="
+    },
+    "@firebase/storage": {
+      "version": "0.12.4",
+      "resolved": "https://registry.npmjs.org/@firebase/storage/-/storage-0.12.4.tgz",
+      "integrity": "sha512-HcmUcp2kSSr5cHkIqFrgUW+i20925EEjkXepQxgBcI2Vx0cyqshr8iETtGow2+cMBFeY8H2swsKKabOKAjIwlQ==",
+      "requires": {
+        "@firebase/component": "0.6.6",
+        "@firebase/util": "1.9.5",
+        "tslib": "^2.1.0",
+        "undici": "5.28.4"
+      }
+    },
+    "@firebase/storage-compat": {
+      "version": "0.3.7",
+      "resolved": "https://registry.npmjs.org/@firebase/storage-compat/-/storage-compat-0.3.7.tgz",
+      "integrity": "sha512-pTlNAm8/QPN7vhYRyd5thr2ouCykP+wIFXHY1AV42WTrk98sTGdIlt/tusHzmrH4mJ34MPaICS0cn2lYikiq8w==",
+      "requires": {
+        "@firebase/component": "0.6.6",
+        "@firebase/storage": "0.12.4",
+        "@firebase/storage-types": "0.8.1",
+        "@firebase/util": "1.9.5",
+        "tslib": "^2.1.0"
+      }
+    },
+    "@firebase/storage-types": {
+      "version": "0.8.1",
+      "resolved": "https://registry.npmjs.org/@firebase/storage-types/-/storage-types-0.8.1.tgz",
+      "integrity": "sha512-yj0vypPT9UbbfYYwzpXPYchnjWqCADcTbGNawAIebww8rnQYPGbESYTKQdFRPXiLspYPB7xCHTXThmMJuvDcsQ==",
+      "requires": {}
+    },
+    "@firebase/util": {
+      "version": "1.9.5",
+      "resolved": "https://registry.npmjs.org/@firebase/util/-/util-1.9.5.tgz",
+      "integrity": "sha512-PP4pAFISDxsf70l3pEy34Mf3GkkUcVQ3MdKp6aSVb7tcpfUQxnsdV7twDd8EkfB6zZylH6wpUAoangQDmCUMqw==",
+      "requires": {
+        "tslib": "^2.1.0"
+      }
+    },
+    "@firebase/webchannel-wrapper": {
+      "version": "0.10.6",
+      "resolved": "https://registry.npmjs.org/@firebase/webchannel-wrapper/-/webchannel-wrapper-0.10.6.tgz",
+      "integrity": "sha512-EnfRJvrnzkHwN3BPMCayCFT5lCqInzg3RdlRsDjDvB1EJli6Usj26T6lJ67BU2UcYXBS5xcp1Wj4+zRzj2NaZg=="
+    },
     "@gar/promisify": {
       "version": "1.1.3",
       "resolved": "https://registry.npmjs.org/@gar/promisify/-/promisify-1.1.3.tgz",
@@ -20012,6 +21112,26 @@
       "integrity": "sha512-mB9oAsNCm9aM3/SOv4YtBMqZbYj10R7dkq8byBqxGY/ncFwhf2oQzMV+LCRlWoDSEBJ3COiR1yeDvMtsoOsuFQ==",
       "requires": {}
     },
+    "@grpc/grpc-js": {
+      "version": "1.9.14",
+      "resolved": "https://registry.npmjs.org/@grpc/grpc-js/-/grpc-js-1.9.14.tgz",
+      "integrity": "sha512-nOpuzZ2G3IuMFN+UPPpKrC6NsLmWsTqSsm66IRfnBt1D4pwTqE27lmbpcPM+l2Ua4gE7PfjRHI6uedAy7hoXUw==",
+      "requires": {
+        "@grpc/proto-loader": "^0.7.8",
+        "@types/node": ">=12.12.47"
+      }
+    },
+    "@grpc/proto-loader": {
+      "version": "0.7.12",
+      "resolved": "https://registry.npmjs.org/@grpc/proto-loader/-/proto-loader-0.7.12.tgz",
+      "integrity": "sha512-DCVwMxqYzpUCiDMl7hQ384FqP4T3DbNpXU8pt681l3UWCip1WUiD5JrkImUwCB9a7f2cq4CUTmi5r/xIMRPY1Q==",
+      "requires": {
+        "lodash.camelcase": "^4.3.0",
+        "long": "^5.0.0",
+        "protobufjs": "^7.2.4",
+        "yargs": "^17.7.2"
+      }
+    },
     "@hapi/hoek": {
       "version": "9.3.0",
       "resolved": "https://registry.npmjs.org/@hapi/hoek/-/hoek-9.3.0.tgz",
@@ -20439,6 +21559,68 @@
         }
       }
     },
+    "@protobufjs/aspromise": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@protobufjs/aspromise/-/aspromise-1.1.2.tgz",
+      "integrity": "sha512-j+gKExEuLmKwvz3OgROXtrJ2UG2x8Ch2YZUxahh+s1F2HZ+wAceUNLkvy6zKCPVRkU++ZWQrdxsUeQXmcg4uoQ=="
+    },
+    "@protobufjs/base64": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@protobufjs/base64/-/base64-1.1.2.tgz",
+      "integrity": "sha512-AZkcAA5vnN/v4PDqKyMR5lx7hZttPDgClv83E//FMNhR2TMcLUhfRUBHCmSl0oi9zMgDDqRUJkSxO3wm85+XLg=="
+    },
+    "@protobufjs/codegen": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/@protobufjs/codegen/-/codegen-2.0.4.tgz",
+      "integrity": "sha512-YyFaikqM5sH0ziFZCN3xDC7zeGaB/d0IUb9CATugHWbd1FRFwWwt4ld4OYMPWu5a3Xe01mGAULCdqhMlPl29Jg=="
+    },
+    "@protobufjs/eventemitter": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@protobufjs/eventemitter/-/eventemitter-1.1.0.tgz",
+      "integrity": "sha512-j9ednRT81vYJ9OfVuXG6ERSTdEL1xVsNgqpkxMsbIabzSo3goCjDIveeGv5d03om39ML71RdmrGNjG5SReBP/Q=="
+    },
+    "@protobufjs/fetch": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@protobufjs/fetch/-/fetch-1.1.0.tgz",
+      "integrity": "sha512-lljVXpqXebpsijW71PZaCYeIcE5on1w5DlQy5WH6GLbFryLUrBD4932W/E2BSpfRJWseIL4v/KPgBFxDOIdKpQ==",
+      "requires": {
+        "@protobufjs/aspromise": "^1.1.1",
+        "@protobufjs/inquire": "^1.1.0"
+      }
+    },
+    "@protobufjs/float": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/@protobufjs/float/-/float-1.0.2.tgz",
+      "integrity": "sha512-Ddb+kVXlXst9d+R9PfTIxh1EdNkgoRe5tOX6t01f1lYWOvJnSPDBlG241QLzcyPdoNTsblLUdujGSE4RzrTZGQ=="
+    },
+    "@protobufjs/inquire": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@protobufjs/inquire/-/inquire-1.1.0.tgz",
+      "integrity": "sha512-kdSefcPdruJiFMVSbn801t4vFK7KB/5gd2fYvrxhuJYg8ILrmn9SKSX2tZdV6V+ksulWqS7aXjBcRXl3wHoD9Q=="
+    },
+    "@protobufjs/path": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@protobufjs/path/-/path-1.1.2.tgz",
+      "integrity": "sha512-6JOcJ5Tm08dOHAbdR3GrvP+yUUfkjG5ePsHYczMFLq3ZmMkAD98cDgcT2iA1lJ9NVwFd4tH/iSSoe44YWkltEA=="
+    },
+    "@protobufjs/pool": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@protobufjs/pool/-/pool-1.1.0.tgz",
+      "integrity": "sha512-0kELaGSIDBKvcgS4zkjz1PeddatrjYcmMWOlAuAPwAeccUrPHdUqo/J6LiymHHEiJT5NrF1UVwxY14f+fy4WQw=="
+    },
+    "@protobufjs/utf8": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@protobufjs/utf8/-/utf8-1.1.0.tgz",
+      "integrity": "sha512-Vvn3zZrhQZkkBE8LSuW3em98c0FwgO4nxzv6OdSxPKJIEKY2bGbHn+mhGIPerzI4twdxaP8/0+06HBpwf345Lw=="
+    },
+    "@react-native-async-storage/async-storage": {
+      "version": "1.23.1",
+      "resolved": "https://registry.npmjs.org/@react-native-async-storage/async-storage/-/async-storage-1.23.1.tgz",
+      "integrity": "sha512-Qd2kQ3yi6Y3+AcUlrHxSLlnBvpdCEMVGFlVBneVOjaFaPU61g1huc38g339ysXspwY1QZA2aNhrk/KlHGO+ewA==",
+      "requires": {
+        "merge-options": "^3.0.4"
+      }
+    },
     "@react-native-community/cli": {
       "version": "11.3.7",
       "resolved": "https://registry.npmjs.org/@react-native-community/cli/-/cli-11.3.7.tgz",
@@ -24795,6 +25977,39 @@
         "micromatch": "^4.0.2"
       }
     },
+    "firebase": {
+      "version": "10.11.0",
+      "resolved": "https://registry.npmjs.org/firebase/-/firebase-10.11.0.tgz",
+      "integrity": "sha512-stWqB0cmUBFidaWCgDV6on6uQyAV8jFe9XdOp0Y1GRM/LUn0MjPSgW06Tc3pFlaefQ+WTLR/CNwL+0qGhxDLIA==",
+      "requires": {
+        "@firebase/analytics": "0.10.2",
+        "@firebase/analytics-compat": "0.2.8",
+        "@firebase/app": "0.10.1",
+        "@firebase/app-check": "0.8.3",
+        "@firebase/app-check-compat": "0.3.10",
+        "@firebase/app-compat": "0.2.31",
+        "@firebase/app-types": "0.9.1",
+        "@firebase/auth": "1.7.1",
+        "@firebase/auth-compat": "0.5.6",
+        "@firebase/database": "1.0.4",
+        "@firebase/database-compat": "1.0.4",
+        "@firebase/firestore": "4.6.0",
+        "@firebase/firestore-compat": "0.3.29",
+        "@firebase/functions": "0.11.4",
+        "@firebase/functions-compat": "0.3.10",
+        "@firebase/installations": "0.6.6",
+        "@firebase/installations-compat": "0.2.6",
+        "@firebase/messaging": "0.12.8",
+        "@firebase/messaging-compat": "0.2.8",
+        "@firebase/performance": "0.6.6",
+        "@firebase/performance-compat": "0.2.6",
+        "@firebase/remote-config": "0.4.6",
+        "@firebase/remote-config-compat": "0.2.6",
+        "@firebase/storage": "0.12.4",
+        "@firebase/storage-compat": "0.3.7",
+        "@firebase/util": "1.9.5"
+      }
+    },
     "flow-enums-runtime": {
       "version": "0.0.5",
       "resolved": "https://registry.npmjs.org/flow-enums-runtime/-/flow-enums-runtime-0.0.5.tgz",
@@ -25245,6 +26460,11 @@
       "integrity": "sha512-soFhflCVWLfRNOPU3iv5Z9VUdT44xFRbzjLsEzSr5AQmgqPMTHdU3PMT1Cf1ssx8fLNJDA1juftYl+PUcv3MqA==",
       "requires": {}
     },
+    "idb": {
+      "version": "7.1.1",
+      "resolved": "https://registry.npmjs.org/idb/-/idb-7.1.1.tgz",
+      "integrity": "sha512-gchesWBzyvGHRO9W8tzUWFDycow5gwjvFKfyV9FF32Y7F50yZMp7mP+T2mJIWFx49zicqyC4uefHM17o6xKIVQ=="
+    },
     "ieee754": {
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/ieee754/-/ieee754-1.2.1.tgz",
@@ -26251,6 +27471,11 @@
       "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
       "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg=="
     },
+    "lodash.camelcase": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/lodash.camelcase/-/lodash.camelcase-4.3.0.tgz",
+      "integrity": "sha512-TwuEnCnxbc3rAvhf/LbG7tJUDzhqXyFnv3dtzLOPgCG/hODL7WFnsbwktkD7yUV0RrreP/l1PALq/YSg6VvjlA=="
+    },
     "lodash.debounce": {
       "version": "4.0.8",
       "resolved": "https://registry.npmjs.org/lodash.debounce/-/lodash.debounce-4.0.8.tgz",
@@ -26410,6 +27635,11 @@
         }
       }
     },
+    "long": {
+      "version": "5.2.3",
+      "resolved": "https://registry.npmjs.org/long/-/long-5.2.3.tgz",
+      "integrity": "sha512-lcHwpNoggQTObv5apGNCTdJrO69eHOZMi4BNC+rTLER8iHAqGrUVeLh/irVIM7zTw2bOXA8T6uNPeujwOLg/2Q=="
+    },
     "loose-envify": {
       "version": "1.4.0",
       "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz",
@@ -26506,6 +27736,21 @@
       "resolved": "https://registry.npmjs.org/merge-descriptors/-/merge-descriptors-1.0.1.tgz",
       "integrity": "sha512-cCi6g3/Zr1iqQi6ySbseM1Xvooa98N0w31jzUYrXPX2xqObmFGHJ0tQ5u74H3mVh7wLouTseZyYIq39g8cNp1w=="
     },
+    "merge-options": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/merge-options/-/merge-options-3.0.4.tgz",
+      "integrity": "sha512-2Sug1+knBjkaMsMgf1ctR1Ujx+Ayku4EdJN4Z+C2+JzoeF7A3OZ9KM2GY0CpQS51NR61LTurMJrRKPhSs3ZRTQ==",
+      "requires": {
+        "is-plain-obj": "^2.1.0"
+      },
+      "dependencies": {
+        "is-plain-obj": {
+          "version": "2.1.0",
+          "resolved": "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-2.1.0.tgz",
+          "integrity": "sha512-YWnfyRwxL/+SsrWYfOpUtz5b3YD+nyfkHvjbcanzk8zgyO4ASD67uVMRt8k5bM4lLMDnXfriRhOpemw+NfT1eA=="
+        }
+      }
+    },
     "merge-stream": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/merge-stream/-/merge-stream-2.0.0.tgz",
@@ -28160,6 +29405,25 @@
         "react-is": "^16.13.1"
       }
     },
+    "protobufjs": {
+      "version": "7.2.6",
+      "resolved": "https://registry.npmjs.org/protobufjs/-/protobufjs-7.2.6.tgz",
+      "integrity": "sha512-dgJaEDDL6x8ASUZ1YqWciTRrdOuYNzoOf27oHNfdyvKqHr5i0FV7FSLU+aIeFjyFgVxrpTOtQUi0BLLBymZaBw==",
+      "requires": {
+        "@protobufjs/aspromise": "^1.1.2",
+        "@protobufjs/base64": "^1.1.2",
+        "@protobufjs/codegen": "^2.0.4",
+        "@protobufjs/eventemitter": "^1.1.0",
+        "@protobufjs/fetch": "^1.1.0",
+        "@protobufjs/float": "^1.0.2",
+        "@protobufjs/inquire": "^1.1.0",
+        "@protobufjs/path": "^1.1.2",
+        "@protobufjs/pool": "^1.1.0",
+        "@protobufjs/utf8": "^1.1.0",
+        "@types/node": ">=13.7.0",
+        "long": "^5.0.0"
+      }
+    },
     "proxy-addr": {
       "version": "2.0.7",
       "resolved": "https://registry.npmjs.org/proxy-addr/-/proxy-addr-2.0.7.tgz",
@@ -29753,6 +31017,14 @@
         }
       }
     },
+    "undici": {
+      "version": "5.28.4",
+      "resolved": "https://registry.npmjs.org/undici/-/undici-5.28.4.tgz",
+      "integrity": "sha512-72RFADWFqKmUb2hmmvNODKL3p9hcB6Gt2DOQMis1SEBaV6a4MH8soBvzg+95CYhCKPFedut2JY9bMfrDl9D23g==",
+      "requires": {
+        "@fastify/busboy": "^2.0.0"
+      }
+    },
     "undici-types": {
       "version": "5.25.3",
       "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-5.25.3.tgz",
diff --git a/HackRPIEventApp2023/package.json b/HackRPIEventApp2023/package.json
index 897bec2..554d233 100644
--- a/HackRPIEventApp2023/package.json
+++ b/HackRPIEventApp2023/package.json
@@ -10,12 +10,14 @@
   },
   "dependencies": {
     "@expo/webpack-config": "^19.0.0",
+    "@react-native-async-storage/async-storage": "^1.23.1",
     "@react-navigation/bottom-tabs": "^6.5.20",
     "@react-navigation/native": "^6.1.17",
     "@react-navigation/stack": "^6.3.29",
     "@types/react": "~18.2.14",
     "expo": "^49.0.21",
     "expo-status-bar": "~1.6.0",
+    "firebase": "^10.11.0",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-native": "^0.72.6",

From 5dec0172fb3691e52ee394fca5adeb769200a168 Mon Sep 17 00:00:00 2001
From: kesfc <kevinli20030305@gmail.com>
Date: Mon, 15 Apr 2024 17:31:09 -0400
Subject: [PATCH 09/10] fixed a bug on login

---
 HackRPIEventApp2023/Login/Backend.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/HackRPIEventApp2023/Login/Backend.js b/HackRPIEventApp2023/Login/Backend.js
index c41e126..78dc926 100644
--- a/HackRPIEventApp2023/Login/Backend.js
+++ b/HackRPIEventApp2023/Login/Backend.js
@@ -32,7 +32,7 @@ const CheckUser = async (username, password) => {
   const matchFound = userSnapshot.docs.some(doc => {
     const userData = doc.data();
     console.log("Checking user:", userData);
-    const isMatch = userData.username === username && userData.password === password;
+    const isMatch = userData.Uid === username && userData.Pass === password;
     console.log("Match found:", isMatch);
     return isMatch;
   });

From 83f94c874e65c91b1de537153d971dada9c43f46 Mon Sep 17 00:00:00 2001
From: kesfc <kevinli20030305@gmail.com>
Date: Tue, 16 Apr 2024 20:09:37 -0400
Subject: [PATCH 10/10] remove console.log() and add comments to prepare for PR

---
 HackRPIEventApp2023/Login/Backend.js     | 12 ++----------
 HackRPIEventApp2023/Login/Login.js       |  7 +++++++
 HackRPIEventApp2023/Login/LoginButton.js |  3 +++
 3 files changed, 12 insertions(+), 10 deletions(-)

diff --git a/HackRPIEventApp2023/Login/Backend.js b/HackRPIEventApp2023/Login/Backend.js
index 78dc926..02b3bd7 100644
--- a/HackRPIEventApp2023/Login/Backend.js
+++ b/HackRPIEventApp2023/Login/Backend.js
@@ -1,5 +1,4 @@
 import { initializeApp } from "firebase/app";
-import { getAuth} from "firebase/auth";
 import { initializeAuth, getReactNativePersistence } from 'firebase/auth';
 import AsyncStorage from '@react-native-async-storage/async-storage';
 import {getFirestore, collection, getDocs } from "firebase/firestore";
@@ -21,23 +20,16 @@ const auth = initializeAuth(app, {
 });
 const db = getFirestore(app);
 
+// Check if the user exists in the database
 const CheckUser = async (username, password) => {
-  console.log("Username:", username);
-  console.log("Password:", password);
-
+  // Get a snapshot of the users collection
   const usersCollection = collection(db, "users");
   const userSnapshot = await getDocs(usersCollection);
-  console.log("User snapshot:", userSnapshot.docs.map(doc => doc.data()));
-
   const matchFound = userSnapshot.docs.some(doc => {
     const userData = doc.data();
-    console.log("Checking user:", userData);
     const isMatch = userData.Uid === username && userData.Pass === password;
-    console.log("Match found:", isMatch);
     return isMatch;
   });
-
-  console.log("Match found:", matchFound);
   return matchFound;
 }
 
diff --git a/HackRPIEventApp2023/Login/Login.js b/HackRPIEventApp2023/Login/Login.js
index 28e8c0e..6daf8cb 100644
--- a/HackRPIEventApp2023/Login/Login.js
+++ b/HackRPIEventApp2023/Login/Login.js
@@ -2,13 +2,16 @@ import React, { useState } from 'react';
 import { View, Text, TextInput, TouchableOpacity, Image, Alert, ScrollView } from 'react-native';
 import {CheckUser} from './Backend';
 
+// Login component
 const Login = () => {
+  // State variables
   const [username, setUsername] = useState('');
   const [password, setPassword] = useState('');
   const [verificationCode, setVerificationCode] = useState('');
   const [generatedCode, setGeneratedCode] = useState('');
   const [loggedIn, setLoggedIn] = useState(false);
 
+  // Function to generate a random 6-character code
   const generateRandomCode = () => {
     const chars = '0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ';
     let code = '';
@@ -18,6 +21,7 @@ const Login = () => {
     setGeneratedCode(code);
   };
 
+  // Function to handle the login process
   const handleLogin = () => {
     if (verificationCode != generatedCode) {
       Alert.alert('Invalid verification code');
@@ -42,11 +46,13 @@ const Login = () => {
     }
   };
 
+  // Function to reload the verification code
   const handleReloadVerificationCode = () => {
     generateRandomCode();
     setVerificationCode('');
   };
 
+  // Function to handle the logout process
   const handleLogout = () => {
     Alert.alert(
       'Confirm Logout',
@@ -74,6 +80,7 @@ const Login = () => {
     generateRandomCode();
   }, []);
 
+  // Render the login form
   return (
     <ScrollView style={{ flex: 1}}>
       <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center', padding: 20,
diff --git a/HackRPIEventApp2023/Login/LoginButton.js b/HackRPIEventApp2023/Login/LoginButton.js
index 74df58e..3eb465e 100644
--- a/HackRPIEventApp2023/Login/LoginButton.js
+++ b/HackRPIEventApp2023/Login/LoginButton.js
@@ -4,8 +4,10 @@ import { View } from 'react-native';
 import { createStackNavigator } from '@react-navigation/stack'; // Import createStackNavigator from React Navigation
 import Login from './Login';
 
+// Create a stack navigator
 const Stack = createStackNavigator();
 
+// Parent component
 const ParentComponent = () => {
   return (
     <Stack.Navigator>
@@ -15,6 +17,7 @@ const ParentComponent = () => {
   );
 };
 
+// Home screen component
 const HomeScreen = ({ navigation }) => {
   return (
     <View style={{ flex: 20, justifyContent: 'center', alignItems: 'center' }}>