diff --git a/config.ts b/config.ts
index f0d9916..4186385 100644
--- a/config.ts
+++ b/config.ts
@@ -1,6 +1,6 @@
 const config = {
-    // stacksAPI: "http://localhost:8000",
-    stacksAPI: "https://stacks-api-aqbg2pw2fa-uc.a.run.app"
+    stacksAPI: "http://localhost:8000",
+    // stacksAPI: "https://stacks-api-aqbg2pw2fa-uc.a.run.app"
 }
 
 export default config;
\ No newline at end of file
diff --git a/metro.config.js b/metro.config.js
new file mode 100644
index 0000000..34a8717
--- /dev/null
+++ b/metro.config.js
@@ -0,0 +1,7 @@
+const { getDefaultConfig } = require('@expo/metro-config');
+
+const defaultConfig = getDefaultConfig(__dirname);
+defaultConfig.resolver.assetExts.push('cjs');
+
+
+module.exports = defaultConfig;
diff --git a/navigation/RootNavigator.tsx b/navigation/RootNavigator.tsx
index e4314a0..18bd6fb 100644
--- a/navigation/RootNavigator.tsx
+++ b/navigation/RootNavigator.tsx
@@ -12,6 +12,7 @@ import Profile from '../screens/Profile';
 import Followers from '../screens/Followers';
 import Leaders from '../screens/Leaders';
 import Goals from '../screens/Goals';
+import FirebaseLogin from '../screens/FirebaseLogin';
 
 const Stack = createNativeStackNavigator<RootStackParamList>();
 
@@ -22,6 +23,7 @@ const RootNavigator: React.FC<{ initialState?: any, onStateChange?: (state: any)
     documentTitle={{formatter: () => "getstacks.io"}}
   >
     <Stack.Navigator screenOptions={{ headerShown: true }}>
+      <Stack.Screen name="FirebaseLogin" component={FirebaseLogin} options={{ headerShown: false }} />
       <Stack.Screen name="Login" component={Login} options={{ headerShown: false }} />
       <Stack.Screen name="InApp" component={InApp} options={{ headerShown: false }} />
       <Stack.Screen name="CreateGoal" component={CreateGoal} options={{ headerShown: false }} />
diff --git a/navigation/types.ts b/navigation/types.ts
index 691ff00..628b493 100644
--- a/navigation/types.ts
+++ b/navigation/types.ts
@@ -1,7 +1,10 @@
 export type RootStackParamList = {
     Login: undefined;
+    FirebaseLogin: undefined;
     InApp: { userId: string };
     CreateGoal: { userId: string };
     CreateMilestone: { userId: string };
     Comments: { announcementId: string };
+    Followers: undefined;
+    Leaders: undefined;
   };
diff --git a/package-lock.json b/package-lock.json
index b9a32e4..51892ae 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -22,6 +22,7 @@
         "expo": "~51.0.9",
         "expo-router": "^3.5.14",
         "expo-status-bar": "~1.12.1",
+        "firebase": "^10.12.2",
         "react": "18.2.0",
         "react-datepicker": "^7.1.0",
         "react-dom": "18.2.0",
@@ -3260,6 +3261,573 @@
         "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.4",
+      "resolved": "https://registry.npmjs.org/@firebase/analytics/-/analytics-0.10.4.tgz",
+      "integrity": "sha512-OJEl/8Oye/k+vJ1zV/1L6eGpc1XzAj+WG2TPznJ7PszL7sOFLBXkL9IjHfOCGDGpXeO3btozy/cYUqv4zgNeHg==",
+      "dependencies": {
+        "@firebase/component": "0.6.7",
+        "@firebase/installations": "0.6.7",
+        "@firebase/logger": "0.4.2",
+        "@firebase/util": "1.9.6",
+        "tslib": "^2.1.0"
+      },
+      "peerDependencies": {
+        "@firebase/app": "0.x"
+      }
+    },
+    "node_modules/@firebase/analytics-compat": {
+      "version": "0.2.10",
+      "resolved": "https://registry.npmjs.org/@firebase/analytics-compat/-/analytics-compat-0.2.10.tgz",
+      "integrity": "sha512-ia68RcLQLLMFWrM10JfmFod7eJGwqr4/uyrtzHpTDnxGX/6gNCBTOuxdAbyWIqXI5XmcMQdz9hDijGKOHgDfPw==",
+      "dependencies": {
+        "@firebase/analytics": "0.10.4",
+        "@firebase/analytics-types": "0.8.2",
+        "@firebase/component": "0.6.7",
+        "@firebase/util": "1.9.6",
+        "tslib": "^2.1.0"
+      },
+      "peerDependencies": {
+        "@firebase/app-compat": "0.x"
+      }
+    },
+    "node_modules/@firebase/analytics-types": {
+      "version": "0.8.2",
+      "resolved": "https://registry.npmjs.org/@firebase/analytics-types/-/analytics-types-0.8.2.tgz",
+      "integrity": "sha512-EnzNNLh+9/sJsimsA/FGqzakmrAUKLeJvjRHlg8df1f97NLUlFidk9600y0ZgWOp3CAxn6Hjtk+08tixlUOWyw=="
+    },
+    "node_modules/@firebase/app": {
+      "version": "0.10.5",
+      "resolved": "https://registry.npmjs.org/@firebase/app/-/app-0.10.5.tgz",
+      "integrity": "sha512-iY/fNot+hWPk9sTX8aHMqlcX9ynRvpGkskWAdUZ2eQQdLo8d1hSFYcYNwPv0Q/frGMasw8udKWMcFOEpC9fG8g==",
+      "dependencies": {
+        "@firebase/component": "0.6.7",
+        "@firebase/logger": "0.4.2",
+        "@firebase/util": "1.9.6",
+        "idb": "7.1.1",
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@firebase/app-check": {
+      "version": "0.8.4",
+      "resolved": "https://registry.npmjs.org/@firebase/app-check/-/app-check-0.8.4.tgz",
+      "integrity": "sha512-2tjRDaxcM5G7BEpytiDcIl+NovV99q8yEqRMKDbn4J4i/XjjuThuB4S+4PkmTnZiCbdLXQiBhkVxNlUDcfog5Q==",
+      "dependencies": {
+        "@firebase/component": "0.6.7",
+        "@firebase/logger": "0.4.2",
+        "@firebase/util": "1.9.6",
+        "tslib": "^2.1.0"
+      },
+      "peerDependencies": {
+        "@firebase/app": "0.x"
+      }
+    },
+    "node_modules/@firebase/app-check-compat": {
+      "version": "0.3.11",
+      "resolved": "https://registry.npmjs.org/@firebase/app-check-compat/-/app-check-compat-0.3.11.tgz",
+      "integrity": "sha512-t01zaH3RJpKEey0nGduz3Is+uSz7Sj4U5nwOV6lWb+86s5xtxpIvBJzu/lKxJfYyfZ29eJwpdjEgT1/lm4iQyA==",
+      "dependencies": {
+        "@firebase/app-check": "0.8.4",
+        "@firebase/app-check-types": "0.5.2",
+        "@firebase/component": "0.6.7",
+        "@firebase/logger": "0.4.2",
+        "@firebase/util": "1.9.6",
+        "tslib": "^2.1.0"
+      },
+      "peerDependencies": {
+        "@firebase/app-compat": "0.x"
+      }
+    },
+    "node_modules/@firebase/app-check-interop-types": {
+      "version": "0.3.2",
+      "resolved": "https://registry.npmjs.org/@firebase/app-check-interop-types/-/app-check-interop-types-0.3.2.tgz",
+      "integrity": "sha512-LMs47Vinv2HBMZi49C09dJxp0QT5LwDzFaVGf/+ITHe3BlIhUiLNttkATSXplc89A2lAaeTqjgqVkiRfUGyQiQ=="
+    },
+    "node_modules/@firebase/app-check-types": {
+      "version": "0.5.2",
+      "resolved": "https://registry.npmjs.org/@firebase/app-check-types/-/app-check-types-0.5.2.tgz",
+      "integrity": "sha512-FSOEzTzL5bLUbD2co3Zut46iyPWML6xc4x+78TeaXMSuJap5QObfb+rVvZJtla3asN4RwU7elaQaduP+HFizDA=="
+    },
+    "node_modules/@firebase/app-compat": {
+      "version": "0.2.35",
+      "resolved": "https://registry.npmjs.org/@firebase/app-compat/-/app-compat-0.2.35.tgz",
+      "integrity": "sha512-vgay/WRjeH0r97/Q6L6df2CMx7oyNFDsE5yPQ9oR1G+zx2eT0s8vNNh0WlKqQxUEWaOLRnXhQ8gy7uu0cBgTRg==",
+      "dependencies": {
+        "@firebase/app": "0.10.5",
+        "@firebase/component": "0.6.7",
+        "@firebase/logger": "0.4.2",
+        "@firebase/util": "1.9.6",
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@firebase/app-types": {
+      "version": "0.9.2",
+      "resolved": "https://registry.npmjs.org/@firebase/app-types/-/app-types-0.9.2.tgz",
+      "integrity": "sha512-oMEZ1TDlBz479lmABwWsWjzHwheQKiAgnuKxE0pz0IXCVx7/rtlkx1fQ6GfgK24WCrxDKMplZrT50Kh04iMbXQ=="
+    },
+    "node_modules/@firebase/auth": {
+      "version": "1.7.4",
+      "resolved": "https://registry.npmjs.org/@firebase/auth/-/auth-1.7.4.tgz",
+      "integrity": "sha512-d2Fw17s5QesojwebrA903el20Li9/YGgkoOGJjagM4I1qAT36APa/FcZ+OX86KxbYKCtQKTMqraU8pxG7C2JWA==",
+      "dependencies": {
+        "@firebase/component": "0.6.7",
+        "@firebase/logger": "0.4.2",
+        "@firebase/util": "1.9.6",
+        "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.9",
+      "resolved": "https://registry.npmjs.org/@firebase/auth-compat/-/auth-compat-0.5.9.tgz",
+      "integrity": "sha512-RX8Zh/3zz2CsVbmYfgHkfUm4fAEPCl+KHVIImNygV5jTGDF6oKOhBIpf4Yigclyu8ESQKZ4elyN0MBYm9/7zGw==",
+      "dependencies": {
+        "@firebase/auth": "1.7.4",
+        "@firebase/auth-types": "0.12.2",
+        "@firebase/component": "0.6.7",
+        "@firebase/util": "1.9.6",
+        "tslib": "^2.1.0",
+        "undici": "5.28.4"
+      },
+      "peerDependencies": {
+        "@firebase/app-compat": "0.x"
+      }
+    },
+    "node_modules/@firebase/auth-compat/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/@firebase/auth-interop-types": {
+      "version": "0.2.3",
+      "resolved": "https://registry.npmjs.org/@firebase/auth-interop-types/-/auth-interop-types-0.2.3.tgz",
+      "integrity": "sha512-Fc9wuJGgxoxQeavybiuwgyi+0rssr76b+nHpj+eGhXFYAdudMWyfBHvFL/I5fEHniUM/UQdFzi9VXJK2iZF7FQ=="
+    },
+    "node_modules/@firebase/auth-types": {
+      "version": "0.12.2",
+      "resolved": "https://registry.npmjs.org/@firebase/auth-types/-/auth-types-0.12.2.tgz",
+      "integrity": "sha512-qsEBaRMoGvHO10unlDJhaKSuPn4pyoTtlQuP1ghZfzB6rNQPuhp/N/DcFZxm9i4v0SogjCbf9reWupwIvfmH6w==",
+      "peerDependencies": {
+        "@firebase/app-types": "0.x",
+        "@firebase/util": "1.x"
+      }
+    },
+    "node_modules/@firebase/auth/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/@firebase/component": {
+      "version": "0.6.7",
+      "resolved": "https://registry.npmjs.org/@firebase/component/-/component-0.6.7.tgz",
+      "integrity": "sha512-baH1AA5zxfaz4O8w0vDwETByrKTQqB5CDjRls79Sa4eAGAoERw4Tnung7XbMl3jbJ4B/dmmtsMrdki0KikwDYA==",
+      "dependencies": {
+        "@firebase/util": "1.9.6",
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@firebase/database": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/@firebase/database/-/database-1.0.5.tgz",
+      "integrity": "sha512-cAfwBqMQuW6HbhwI3Cb/gDqZg7aR0OmaJ85WUxlnoYW2Tm4eR0hFl5FEijI3/gYPUiUcUPQvTkGV222VkT7KPw==",
+      "dependencies": {
+        "@firebase/app-check-interop-types": "0.3.2",
+        "@firebase/auth-interop-types": "0.2.3",
+        "@firebase/component": "0.6.7",
+        "@firebase/logger": "0.4.2",
+        "@firebase/util": "1.9.6",
+        "faye-websocket": "0.11.4",
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@firebase/database-compat": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/@firebase/database-compat/-/database-compat-1.0.5.tgz",
+      "integrity": "sha512-NDSMaDjQ+TZEMDMmzJwlTL05kh1+0Y84C+kVMaOmNOzRGRM7VHi29I6YUhCetXH+/b1Wh4ZZRyp1CuWkd8s6hg==",
+      "dependencies": {
+        "@firebase/component": "0.6.7",
+        "@firebase/database": "1.0.5",
+        "@firebase/database-types": "1.0.3",
+        "@firebase/logger": "0.4.2",
+        "@firebase/util": "1.9.6",
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@firebase/database-types": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/@firebase/database-types/-/database-types-1.0.3.tgz",
+      "integrity": "sha512-39V/Riv2R3O/aUjYKh0xypj7NTNXNAK1bcgY5Kx+hdQPRS/aPTS8/5c0CGFYKgVuFbYlnlnhrCTYsh2uNhGwzA==",
+      "dependencies": {
+        "@firebase/app-types": "0.9.2",
+        "@firebase/util": "1.9.6"
+      }
+    },
+    "node_modules/@firebase/firestore": {
+      "version": "4.6.3",
+      "resolved": "https://registry.npmjs.org/@firebase/firestore/-/firestore-4.6.3.tgz",
+      "integrity": "sha512-d/+N2iUsiJ/Dc7fApdpdmmTXzwuTCromsdA1lKwYfZtMIOd1fI881NSLwK2wV4I38wkLnvfKJUV6WpU1f3/ONg==",
+      "dependencies": {
+        "@firebase/component": "0.6.7",
+        "@firebase/logger": "0.4.2",
+        "@firebase/util": "1.9.6",
+        "@firebase/webchannel-wrapper": "1.0.0",
+        "@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.32",
+      "resolved": "https://registry.npmjs.org/@firebase/firestore-compat/-/firestore-compat-0.3.32.tgz",
+      "integrity": "sha512-at71mwK7a/mUXH0OgyY0+gUzedm/EUydDFYSFsBoO8DYowZ23Mgd6P4Rzq/Ll3zI/3xJN7LGe7Qp4iE/V/3Arg==",
+      "dependencies": {
+        "@firebase/component": "0.6.7",
+        "@firebase/firestore": "4.6.3",
+        "@firebase/firestore-types": "3.0.2",
+        "@firebase/util": "1.9.6",
+        "tslib": "^2.1.0"
+      },
+      "peerDependencies": {
+        "@firebase/app-compat": "0.x"
+      }
+    },
+    "node_modules/@firebase/firestore-types": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/@firebase/firestore-types/-/firestore-types-3.0.2.tgz",
+      "integrity": "sha512-wp1A+t5rI2Qc/2q7r2ZpjUXkRVPtGMd6zCLsiWurjsQpqPgFin3AhNibKcIzoF2rnToNa/XYtyWXuifjOOwDgg==",
+      "peerDependencies": {
+        "@firebase/app-types": "0.x",
+        "@firebase/util": "1.x"
+      }
+    },
+    "node_modules/@firebase/firestore/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/@firebase/functions": {
+      "version": "0.11.5",
+      "resolved": "https://registry.npmjs.org/@firebase/functions/-/functions-0.11.5.tgz",
+      "integrity": "sha512-qrHJ+l62mZiU5UZiVi84t/iLXZlhRuSvBQsa2qvNLgPsEWR7wdpWhRmVdB7AU8ndkSHJjGlMICqrVnz47sgU7Q==",
+      "dependencies": {
+        "@firebase/app-check-interop-types": "0.3.2",
+        "@firebase/auth-interop-types": "0.2.3",
+        "@firebase/component": "0.6.7",
+        "@firebase/messaging-interop-types": "0.2.2",
+        "@firebase/util": "1.9.6",
+        "tslib": "^2.1.0",
+        "undici": "5.28.4"
+      },
+      "peerDependencies": {
+        "@firebase/app": "0.x"
+      }
+    },
+    "node_modules/@firebase/functions-compat": {
+      "version": "0.3.11",
+      "resolved": "https://registry.npmjs.org/@firebase/functions-compat/-/functions-compat-0.3.11.tgz",
+      "integrity": "sha512-Qn+ts/M6Lj2/6i1cp5V5TRR+Hi9kyXyHbo+w9GguINJ87zxrCe6ulx3TI5AGQkoQa8YFHUhT3DMGmLFiJjWTSQ==",
+      "dependencies": {
+        "@firebase/component": "0.6.7",
+        "@firebase/functions": "0.11.5",
+        "@firebase/functions-types": "0.6.2",
+        "@firebase/util": "1.9.6",
+        "tslib": "^2.1.0"
+      },
+      "peerDependencies": {
+        "@firebase/app-compat": "0.x"
+      }
+    },
+    "node_modules/@firebase/functions-types": {
+      "version": "0.6.2",
+      "resolved": "https://registry.npmjs.org/@firebase/functions-types/-/functions-types-0.6.2.tgz",
+      "integrity": "sha512-0KiJ9lZ28nS2iJJvimpY4nNccV21rkQyor5Iheu/nq8aKXJqtJdeSlZDspjPSBBiHRzo7/GMUttegnsEITqR+w=="
+    },
+    "node_modules/@firebase/functions/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/@firebase/installations": {
+      "version": "0.6.7",
+      "resolved": "https://registry.npmjs.org/@firebase/installations/-/installations-0.6.7.tgz",
+      "integrity": "sha512-i6iGoXRu5mX4rTsiMSSKrgh9pSEzD4hwBEzRh5kEhOTr8xN/wvQcCPZDSMVYKwM2XyCPBLVq0JzjyerwL0Rihg==",
+      "dependencies": {
+        "@firebase/component": "0.6.7",
+        "@firebase/util": "1.9.6",
+        "idb": "7.1.1",
+        "tslib": "^2.1.0"
+      },
+      "peerDependencies": {
+        "@firebase/app": "0.x"
+      }
+    },
+    "node_modules/@firebase/installations-compat": {
+      "version": "0.2.7",
+      "resolved": "https://registry.npmjs.org/@firebase/installations-compat/-/installations-compat-0.2.7.tgz",
+      "integrity": "sha512-RPcbD+3nqHbnhVjIOpWK2H5qzZ8pAAAScceiWph0VNTqpKyPQ5tDcp4V5fS0ELpfgsHYvroMLDKfeHxpfvm8cw==",
+      "dependencies": {
+        "@firebase/component": "0.6.7",
+        "@firebase/installations": "0.6.7",
+        "@firebase/installations-types": "0.5.2",
+        "@firebase/util": "1.9.6",
+        "tslib": "^2.1.0"
+      },
+      "peerDependencies": {
+        "@firebase/app-compat": "0.x"
+      }
+    },
+    "node_modules/@firebase/installations-types": {
+      "version": "0.5.2",
+      "resolved": "https://registry.npmjs.org/@firebase/installations-types/-/installations-types-0.5.2.tgz",
+      "integrity": "sha512-que84TqGRZJpJKHBlF2pkvc1YcXrtEDOVGiDjovP/a3s6W4nlbohGXEsBJo0JCeeg/UG9A+DEZVDUV9GpklUzA==",
+      "peerDependencies": {
+        "@firebase/app-types": "0.x"
+      }
+    },
+    "node_modules/@firebase/logger": {
+      "version": "0.4.2",
+      "resolved": "https://registry.npmjs.org/@firebase/logger/-/logger-0.4.2.tgz",
+      "integrity": "sha512-Q1VuA5M1Gjqrwom6I6NUU4lQXdo9IAQieXlujeHZWvRt1b7qQ0KwBaNAjgxG27jgF9/mUwsNmO8ptBCGVYhB0A==",
+      "dependencies": {
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@firebase/messaging": {
+      "version": "0.12.9",
+      "resolved": "https://registry.npmjs.org/@firebase/messaging/-/messaging-0.12.9.tgz",
+      "integrity": "sha512-IH+JJmzbFGZXV3+TDyKdqqKPVfKRqBBg2BfYYOy7cm7J+SwV+uJMe8EnDKYeQLEQhtpwciPfJ3qQXJs2lbxDTw==",
+      "dependencies": {
+        "@firebase/component": "0.6.7",
+        "@firebase/installations": "0.6.7",
+        "@firebase/messaging-interop-types": "0.2.2",
+        "@firebase/util": "1.9.6",
+        "idb": "7.1.1",
+        "tslib": "^2.1.0"
+      },
+      "peerDependencies": {
+        "@firebase/app": "0.x"
+      }
+    },
+    "node_modules/@firebase/messaging-compat": {
+      "version": "0.2.9",
+      "resolved": "https://registry.npmjs.org/@firebase/messaging-compat/-/messaging-compat-0.2.9.tgz",
+      "integrity": "sha512-5jN6wyhwPgBH02zOtmmoOeyfsmoD7ty48D1m0vVPsFg55RqN2Z3Q9gkZ5GmPklFPjTPLcxB1ObcHOZvThTkm7g==",
+      "dependencies": {
+        "@firebase/component": "0.6.7",
+        "@firebase/messaging": "0.12.9",
+        "@firebase/util": "1.9.6",
+        "tslib": "^2.1.0"
+      },
+      "peerDependencies": {
+        "@firebase/app-compat": "0.x"
+      }
+    },
+    "node_modules/@firebase/messaging-interop-types": {
+      "version": "0.2.2",
+      "resolved": "https://registry.npmjs.org/@firebase/messaging-interop-types/-/messaging-interop-types-0.2.2.tgz",
+      "integrity": "sha512-l68HXbuD2PPzDUOFb3aG+nZj5KA3INcPwlocwLZOzPp9rFM9yeuI9YLl6DQfguTX5eAGxO0doTR+rDLDvQb5tA=="
+    },
+    "node_modules/@firebase/performance": {
+      "version": "0.6.7",
+      "resolved": "https://registry.npmjs.org/@firebase/performance/-/performance-0.6.7.tgz",
+      "integrity": "sha512-d+Q4ltjdJZqjzcdms5i0UC9KLYX7vKGcygZ+7zHA/Xk+bAbMD2CPU0nWTnlNFWifZWIcXZ/2mAMvaGMW3lypUA==",
+      "dependencies": {
+        "@firebase/component": "0.6.7",
+        "@firebase/installations": "0.6.7",
+        "@firebase/logger": "0.4.2",
+        "@firebase/util": "1.9.6",
+        "tslib": "^2.1.0"
+      },
+      "peerDependencies": {
+        "@firebase/app": "0.x"
+      }
+    },
+    "node_modules/@firebase/performance-compat": {
+      "version": "0.2.7",
+      "resolved": "https://registry.npmjs.org/@firebase/performance-compat/-/performance-compat-0.2.7.tgz",
+      "integrity": "sha512-cb8ge/5iTstxfIGW+iiY+7l3FtN8gobNh9JSQNZgLC9xmcfBYWEs8IeEWMI6S8T+At0oHc3lv+b2kpRMUWr8zQ==",
+      "dependencies": {
+        "@firebase/component": "0.6.7",
+        "@firebase/logger": "0.4.2",
+        "@firebase/performance": "0.6.7",
+        "@firebase/performance-types": "0.2.2",
+        "@firebase/util": "1.9.6",
+        "tslib": "^2.1.0"
+      },
+      "peerDependencies": {
+        "@firebase/app-compat": "0.x"
+      }
+    },
+    "node_modules/@firebase/performance-types": {
+      "version": "0.2.2",
+      "resolved": "https://registry.npmjs.org/@firebase/performance-types/-/performance-types-0.2.2.tgz",
+      "integrity": "sha512-gVq0/lAClVH5STrIdKnHnCo2UcPLjJlDUoEB/tB4KM+hAeHUxWKnpT0nemUPvxZ5nbdY/pybeyMe8Cs29gEcHA=="
+    },
+    "node_modules/@firebase/remote-config": {
+      "version": "0.4.7",
+      "resolved": "https://registry.npmjs.org/@firebase/remote-config/-/remote-config-0.4.7.tgz",
+      "integrity": "sha512-5oPNrPFLsbsjpq0lUEIXoDF2eJK7vAbyXe/DEuZQxnwJlfR7aQbtUlEkRgQWcicXpyDmAmDLo7q7lDbCYa6CpA==",
+      "dependencies": {
+        "@firebase/component": "0.6.7",
+        "@firebase/installations": "0.6.7",
+        "@firebase/logger": "0.4.2",
+        "@firebase/util": "1.9.6",
+        "tslib": "^2.1.0"
+      },
+      "peerDependencies": {
+        "@firebase/app": "0.x"
+      }
+    },
+    "node_modules/@firebase/remote-config-compat": {
+      "version": "0.2.7",
+      "resolved": "https://registry.npmjs.org/@firebase/remote-config-compat/-/remote-config-compat-0.2.7.tgz",
+      "integrity": "sha512-Fq0oneQ4SluLnfr5/HfzRS1TZf1ANj1rWbCCW3+oC98An3nE+sCdp+FSuHsEVNwgMg4Tkwx9Oom2lkKeU+Vn+w==",
+      "dependencies": {
+        "@firebase/component": "0.6.7",
+        "@firebase/logger": "0.4.2",
+        "@firebase/remote-config": "0.4.7",
+        "@firebase/remote-config-types": "0.3.2",
+        "@firebase/util": "1.9.6",
+        "tslib": "^2.1.0"
+      },
+      "peerDependencies": {
+        "@firebase/app-compat": "0.x"
+      }
+    },
+    "node_modules/@firebase/remote-config-types": {
+      "version": "0.3.2",
+      "resolved": "https://registry.npmjs.org/@firebase/remote-config-types/-/remote-config-types-0.3.2.tgz",
+      "integrity": "sha512-0BC4+Ud7y2aPTyhXJTMTFfrGGLqdYXrUB9sJVAB8NiqJswDTc4/2qrE/yfUbnQJhbSi6ZaTTBKyG3n1nplssaA=="
+    },
+    "node_modules/@firebase/storage": {
+      "version": "0.12.5",
+      "resolved": "https://registry.npmjs.org/@firebase/storage/-/storage-0.12.5.tgz",
+      "integrity": "sha512-nGWBOGFNr10j0LA4NJ3/Yh3us/lb0Q1xSIKZ38N6FcS+vY54nqJ7k3zE3PENregHC8+8txRow++A568G3v8hOA==",
+      "dependencies": {
+        "@firebase/component": "0.6.7",
+        "@firebase/util": "1.9.6",
+        "tslib": "^2.1.0",
+        "undici": "5.28.4"
+      },
+      "peerDependencies": {
+        "@firebase/app": "0.x"
+      }
+    },
+    "node_modules/@firebase/storage-compat": {
+      "version": "0.3.8",
+      "resolved": "https://registry.npmjs.org/@firebase/storage-compat/-/storage-compat-0.3.8.tgz",
+      "integrity": "sha512-qDfY9kMb6Ch2hZb40sBjDQ8YPxbjGOxuT+gU1Z0iIVSSpSX0f4YpGJCypUXiA0T11n6InCXB+T/Dknh2yxVTkg==",
+      "dependencies": {
+        "@firebase/component": "0.6.7",
+        "@firebase/storage": "0.12.5",
+        "@firebase/storage-types": "0.8.2",
+        "@firebase/util": "1.9.6",
+        "tslib": "^2.1.0"
+      },
+      "peerDependencies": {
+        "@firebase/app-compat": "0.x"
+      }
+    },
+    "node_modules/@firebase/storage-types": {
+      "version": "0.8.2",
+      "resolved": "https://registry.npmjs.org/@firebase/storage-types/-/storage-types-0.8.2.tgz",
+      "integrity": "sha512-0vWu99rdey0g53lA7IShoA2Lol1jfnPovzLDUBuon65K7uKG9G+L5uO05brD9pMw+l4HRFw23ah3GwTGpEav6g==",
+      "peerDependencies": {
+        "@firebase/app-types": "0.x",
+        "@firebase/util": "1.x"
+      }
+    },
+    "node_modules/@firebase/storage/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/@firebase/util": {
+      "version": "1.9.6",
+      "resolved": "https://registry.npmjs.org/@firebase/util/-/util-1.9.6.tgz",
+      "integrity": "sha512-IBr1MZbp4d5MjBCXL3TW1dK/PDXX4yOGbiwRNh1oAbE/+ci5Uuvy9KIrsFYY80as1I0iOaD5oOMA9Q8j4TJWcw==",
+      "dependencies": {
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@firebase/vertexai-preview": {
+      "version": "0.0.2",
+      "resolved": "https://registry.npmjs.org/@firebase/vertexai-preview/-/vertexai-preview-0.0.2.tgz",
+      "integrity": "sha512-NOOL63kFQRq45ioi5P+hlqj/4LNmvn1URhGjQdvyV54c1Irvoq26aW861PRRLjrSMIeNeiLtCLD5pe+ediepAg==",
+      "dependencies": {
+        "@firebase/app-check-interop-types": "0.3.2",
+        "@firebase/component": "0.6.7",
+        "@firebase/logger": "0.4.2",
+        "@firebase/util": "1.9.6",
+        "tslib": "^2.1.0"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      },
+      "peerDependencies": {
+        "@firebase/app": "0.x",
+        "@firebase/app-types": "0.x"
+      }
+    },
+    "node_modules/@firebase/webchannel-wrapper": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/@firebase/webchannel-wrapper/-/webchannel-wrapper-1.0.0.tgz",
+      "integrity": "sha512-zuWxyfXNbsKbm96HhXzainONPFqRcoZblQ++e9cAIGUuHfl2cFSBzW01jtesqWG/lqaUyX3H8O1y9oWboGNQBA=="
+    },
     "node_modules/@floating-ui/core": {
       "version": "1.6.2",
       "resolved": "https://registry.npmjs.org/@floating-ui/core/-/core-1.6.2.tgz",
@@ -3316,6 +3884,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.15",
+      "resolved": "https://registry.npmjs.org/@grpc/grpc-js/-/grpc-js-1.9.15.tgz",
+      "integrity": "sha512-nqE7Hc0AzI+euzUwDAy0aY5hCp10r734gMGRdU+qOPX0XSceI2ULrcXB5U2xSc5VkWwalCj4M7GzCAygZl2KoQ==",
+      "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.13",
+      "resolved": "https://registry.npmjs.org/@grpc/proto-loader/-/proto-loader-0.7.13.tgz",
+      "integrity": "sha512-AiXO/bfe9bmxBjxxtYxFAXGZvMaN5s8kO+jBHAJCON8rJoB5YS/D6X7ZNc6XQkuHNmyl4CYaMI1fJ/Gn27RGGw==",
+      "dependencies": {
+        "lodash.camelcase": "^4.3.0",
+        "long": "^5.0.0",
+        "protobufjs": "^7.2.5",
+        "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",
@@ -3673,6 +4270,60 @@
         "node": ">=14"
       }
     },
+    "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/@radix-ui/react-compose-refs": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/@radix-ui/react-compose-refs/-/react-compose-refs-1.0.0.tgz",
@@ -8237,6 +8888,17 @@
         "reusify": "^1.0.4"
       }
     },
+    "node_modules/faye-websocket": {
+      "version": "0.11.4",
+      "resolved": "https://registry.npmjs.org/faye-websocket/-/faye-websocket-0.11.4.tgz",
+      "integrity": "sha512-CzbClwlXAuiRQAlUyfqPgvPoNKTckTPGfwZV4ZdAhVcP2lh9KUxJg2b5GkE7XbjKQ3YJnQ9z6D9ntLAlB+tP8g==",
+      "dependencies": {
+        "websocket-driver": ">=0.5.1"
+      },
+      "engines": {
+        "node": ">=0.8.0"
+      }
+    },
     "node_modules/fb-watchman": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/fb-watchman/-/fb-watchman-2.0.2.tgz",
@@ -8362,6 +9024,40 @@
         "micromatch": "^4.0.2"
       }
     },
+    "node_modules/firebase": {
+      "version": "10.12.2",
+      "resolved": "https://registry.npmjs.org/firebase/-/firebase-10.12.2.tgz",
+      "integrity": "sha512-ZxEdtSvP1I9su1yf32D8TIdgxtPgxwr6z3jYAR1TXS/t+fVfpoPc/N1/N2bxOco9mNjUoc+od34v5Fn4GeKs6Q==",
+      "dependencies": {
+        "@firebase/analytics": "0.10.4",
+        "@firebase/analytics-compat": "0.2.10",
+        "@firebase/app": "0.10.5",
+        "@firebase/app-check": "0.8.4",
+        "@firebase/app-check-compat": "0.3.11",
+        "@firebase/app-compat": "0.2.35",
+        "@firebase/app-types": "0.9.2",
+        "@firebase/auth": "1.7.4",
+        "@firebase/auth-compat": "0.5.9",
+        "@firebase/database": "1.0.5",
+        "@firebase/database-compat": "1.0.5",
+        "@firebase/firestore": "4.6.3",
+        "@firebase/firestore-compat": "0.3.32",
+        "@firebase/functions": "0.11.5",
+        "@firebase/functions-compat": "0.3.11",
+        "@firebase/installations": "0.6.7",
+        "@firebase/installations-compat": "0.2.7",
+        "@firebase/messaging": "0.12.9",
+        "@firebase/messaging-compat": "0.2.9",
+        "@firebase/performance": "0.6.7",
+        "@firebase/performance-compat": "0.2.7",
+        "@firebase/remote-config": "0.4.7",
+        "@firebase/remote-config-compat": "0.2.7",
+        "@firebase/storage": "0.12.5",
+        "@firebase/storage-compat": "0.3.8",
+        "@firebase/util": "1.9.6",
+        "@firebase/vertexai-preview": "0.0.2"
+      }
+    },
     "node_modules/flow-enums-runtime": {
       "version": "0.0.6",
       "resolved": "https://registry.npmjs.org/flow-enums-runtime/-/flow-enums-runtime-0.0.6.tgz",
@@ -8882,6 +9578,11 @@
         "node": ">= 0.8"
       }
     },
+    "node_modules/http-parser-js": {
+      "version": "0.5.8",
+      "resolved": "https://registry.npmjs.org/http-parser-js/-/http-parser-js-0.5.8.tgz",
+      "integrity": "sha512-SGeBX54F94Wgu5RH3X5jsDtf4eHyRogWX1XGT3b4HuW3tQPM4AaBzoUji/4AAJNXCEOWZ5O0DgZmJw1947gD5Q=="
+    },
     "node_modules/https-proxy-agent": {
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-5.0.1.tgz",
@@ -8907,6 +9608,11 @@
       "resolved": "https://registry.npmjs.org/hyphenate-style-name/-/hyphenate-style-name-1.0.5.tgz",
       "integrity": "sha512-fedL7PRwmeVkgyhu9hLeTBaI6wcGk7JGJswdaRsa5aUbkXI1kr1xZwTPBtaYPpwf56878iDek6VbVnuWMebJmw=="
     },
+    "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",
@@ -10350,6 +11056,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",
@@ -10542,6 +11253,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",
@@ -12179,6 +12895,29 @@
         "react-is": "^16.13.1"
       }
     },
+    "node_modules/protobufjs": {
+      "version": "7.3.2",
+      "resolved": "https://registry.npmjs.org/protobufjs/-/protobufjs-7.3.2.tgz",
+      "integrity": "sha512-RXyHaACeqXeqAKGLDl68rQKbmObRsTIn4TYVUUug1KfS47YWCo5MacGITEryugIgZqORCvJWEk4l449POg5Txg==",
+      "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-from-env": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz",
@@ -14451,6 +15190,27 @@
       "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-3.0.1.tgz",
       "integrity": "sha512-2JAn3z8AR6rjK8Sm8orRC0h/bcl/DqL7tRPdGZ4I1CjdF+EaMLmYxBHyXuKL849eucPFhvBoxMsflfOb8kxaeQ=="
     },
+    "node_modules/websocket-driver": {
+      "version": "0.7.4",
+      "resolved": "https://registry.npmjs.org/websocket-driver/-/websocket-driver-0.7.4.tgz",
+      "integrity": "sha512-b17KeDIQVjvb0ssuSDF2cYXSg2iztliJ4B9WdsuB6J952qCPKmnVq4DyW5motImXHDC1cBT/1UezrJVsKw5zjg==",
+      "dependencies": {
+        "http-parser-js": ">=0.5.1",
+        "safe-buffer": ">=5.1.0",
+        "websocket-extensions": ">=0.1.1"
+      },
+      "engines": {
+        "node": ">=0.8.0"
+      }
+    },
+    "node_modules/websocket-extensions": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/websocket-extensions/-/websocket-extensions-0.1.4.tgz",
+      "integrity": "sha512-OqedPIGOfsDlo31UNwYbCFMSaO9m9G/0faIHj5/dZFDMFqPTcx6UwqyOy3COEaEOg/9VsGIpdqn62W5KhoKSpg==",
+      "engines": {
+        "node": ">=0.8.0"
+      }
+    },
     "node_modules/whatwg-fetch": {
       "version": "3.6.20",
       "resolved": "https://registry.npmjs.org/whatwg-fetch/-/whatwg-fetch-3.6.20.tgz",
diff --git a/package.json b/package.json
index b809943..1e6ac28 100644
--- a/package.json
+++ b/package.json
@@ -23,6 +23,7 @@
     "expo": "~51.0.9",
     "expo-router": "^3.5.14",
     "expo-status-bar": "~1.12.1",
+    "firebase": "^10.12.2",
     "react": "18.2.0",
     "react-datepicker": "^7.1.0",
     "react-dom": "18.2.0",
diff --git a/screens/FirebaseLogin.tsx b/screens/FirebaseLogin.tsx
new file mode 100644
index 0000000..48044de
--- /dev/null
+++ b/screens/FirebaseLogin.tsx
@@ -0,0 +1,288 @@
+import React, {useState, useEffect} from 'react';
+import {View, Text, StyleSheet, TextInput, ActivityIndicator, Button, KeyboardAvoidingView} from 'react-native';
+import { signInWithEmailAndPassword, createUserWithEmailAndPassword, GoogleAuthProvider, signInWithPopup } from 'firebase/auth';
+import { useMutation } from '@tanstack/react-query';
+import { useNavigation } from '@react-navigation/native';
+import { StackNavigationProp } from '@react-navigation/stack';
+import { createUser, loginUser } from '../services/api';
+import { RootStackParamList } from '../navigation/types';
+import { useUser } from '../contexts/UserContext';
+import { FIREBASE_AUTH, googleSignIn, signInWithGoogle, isFirstLogin } from '../utils/firebase-auth';
+
+const FirebaseLogin: React.FC = () => {
+  const [email, setEmail] = useState('');
+  const [password, setPassword] = useState('');
+  const [username, setUsername] = useState('');
+  const [ loading, setLoading] = useState(false);
+  const [googleLoading, setGoogleLoading] = useState(false)
+  const auth = FIREBASE_AUTH;
+  const { user, setUser, isLoading } = useUser();
+  const navigation = useNavigation<LoginScreenNavigationProp>();
+
+  type LoginScreenNavigationProp = StackNavigationProp<RootStackParamList, 'InApp'>;
+
+  useEffect(() => {
+    if (!isLoading && user) {
+      alert('LOGGED IN TRIGGER NAV')
+      navigation.navigate('InApp');
+    }
+  }, [user, isLoading, navigation]);
+
+  const createUserMutation = useMutation({
+    mutationFn: createUser,
+    onSuccess: async (data) => {
+      console.log('createUser Data', data)
+      setUser(data);
+      navigation.navigate('InApp');
+    },
+  });
+
+  const signUp = async () => {
+    setLoading(true);
+    try {
+      const userCredentials = await createUserWithEmailAndPassword(auth, email, password);
+      console.log('singup userCreds', userCredentials)
+      const idToken = await userCredentials.user.getIdToken(true)
+      // what is the correct way to pass args?
+      createUserMutation.mutate({username: username, email:email, idToken: idToken })
+      alert('Account Created')
+    }catch (error: any) {
+      console.log(error);
+      alert('Sign up failed: ' + error.message);
+    }finally {
+      setLoading(false);
+    }
+  }
+
+  const loginUserMutation = useMutation({
+    mutationFn: loginUser,
+    onSuccess: async (data) => {
+      console.log('loginUser Data', data)
+      setUser(data);
+      navigation.navigate('InApp');
+    },
+  });
+  
+  const signIn = async () => {
+    setLoading(true);
+    try {
+      const userCredentials = await signInWithEmailAndPassword(auth, email, password);
+      console.log('singIn userCreds', userCredentials)
+      const idToken = await userCredentials.user.getIdToken(true)
+      loginUserMutation.mutate({idToken: idToken, email: email})
+    }catch (error: any) {
+      console.log(error);
+      alert('Sign in failed: ' + error.message);
+    }finally {
+      setLoading(false);
+    }
+  }
+  
+
+  const googleSignIn = async () => {
+    setGoogleLoading(true);
+    const provider = new GoogleAuthProvider();
+    try {
+      const userCredentials = await signInWithPopup(FIREBASE_AUTH, provider);
+      console.log('user credentials:', userCredentials);
+      const idToken = await userCredentials.user.getIdToken(true)
+      const email = userCredentials.user.email
+      const isNewUser = isFirstLogin(
+        userCredentials.user.metadata.creationTime, 
+        userCredentials.user.metadata.lastSignInTime
+      )
+      if(isNewUser){
+        const googleUserName = userCredentials.user.email.split('@')[0]
+        createUserMutation.mutate({email:email, username: googleUserName, idToken: idToken})
+      }else{
+        loginUserMutation.mutate({idToken: idToken, email: email})
+         }
+      alert("signed in with Google")
+    } catch (error) {
+      console.error('Error during sign-in:', error);
+      alert("Failed to sign in with google")
+    } finally {
+      setGoogleLoading(false);
+    }
+  };
+
+  return (
+    <View style={styles.container}>
+    
+      <Button title={googleLoading ? "Logging in ..." : "Sign in with Google"}  onPress={googleSignIn} />
+
+      <KeyboardAvoidingView behavior = 'padding'>
+        <TextInput
+          style={styles.input}
+          placeholder="email"
+          value={email}
+          autoCapitalize='none'
+          onChangeText={setEmail}
+        />
+        <TextInput
+          style={styles.input}
+          placeholder="username"
+          value={username}
+          onChangeText={setUsername}
+        />
+        <TextInput
+          style={styles.input}
+          placeholder="password"
+          value={password}
+          secureTextEntry={true}
+          onChangeText={setPassword}
+        />
+
+        { loading ? <ActivityIndicator size="large" color = "#0000ff" />
+        : <>
+        <Button title="Login" onPress={() => signIn()} />
+        <Button title="Create Account" onPress={() => signUp()} />
+        </>}
+      </KeyboardAvoidingView>
+    </View>
+  )
+
+}
+
+export default FirebaseLogin
+
+const styles = StyleSheet.create({
+  container: {
+    marginHorizontal: 20,
+    flex: 1,
+    justifyContent: 'center'
+  },
+  input: {
+    marginVertical: 4,
+    height: 50,
+    borderWidth: 1,
+    borderRadius: 4,
+    padding: 10,
+    backgroundColor: '#fff'
+  }
+})
+
+
+// import React, { useEffect, useState } from 'react';
+// import { View, TextInput, Button, StyleSheet, Text } from 'react-native';
+// import { useMutation } from '@tanstack/react-query';
+// import { useNavigation } from '@react-navigation/native';
+// import { createUser, loginUser } from '../services/api';
+// import { StackNavigationProp } from '@react-navigation/stack';
+// import { RootStackParamList } from '../navigation/types';
+
+// import { useUser } from '../contexts/UserContext';
+// import { signInWithEmailAndPassword, createUserWithEmailAndPassword } from 'firebase/auth';
+// import { auth, signInWithGoogle } from '../utils/firebase-auth'; 
+
+
+// type LoginScreenNavigationProp = StackNavigationProp<RootStackParamList, 'InApp'>;
+
+// const FirebaseLogin: React.FC = () => {
+//   const navigation = useNavigation<LoginScreenNavigationProp>();
+//   const [email, setEmail] = useState('');
+//   const [username, setUsername] = useState('');
+//   const { user, setUser, isLoading } = useUser();
+
+//   useEffect(() => {
+//     if (!isLoading && user) {
+//       navigation.navigate('InApp');
+//     }
+//   }, [user, isLoading, navigation]);
+
+//   const createUserMutation = useMutation({
+//     mutationFn: createUser,
+//     onSuccess: (data) => {
+//       setUser(data);
+//       navigation.navigate('InApp');
+//     },
+//   });
+
+//   const loginUserMutation = useMutation({
+//     mutationFn: loginUser,
+//     onSuccess: (data) => {
+//       setUser(data);
+//       navigation.navigate('InApp');
+//     },
+//   });
+
+//   const handleCreateUser = async () => {
+//     try {
+//       const userCredential = await createUserWithEmailAndPassword(auth, email, username);
+//       const token = await userCredential.user.getIdToken();
+//       createUserMutation.mutate({ email, username, token });
+//     } catch (error) {
+//       console.error('Error creating user:', error);
+//     }
+//   };
+
+//   const handleLoginUser = async () => {
+//     try {
+//       const userCredential = await signInWithEmailAndPassword(auth, email, username);
+//       const token = await userCredential.user.getIdToken();
+//       loginUserMutation.mutate({ username, token });
+//     } catch (error) {
+//       console.error('Error logging in:', error);
+//     }
+//   };
+
+//   const handleGoogleSignIn = async () => {
+//     try {
+//       const result = await signInWithGoogle();
+//       const token = await result.user.getIdToken();
+//       setUser({ email: result.user.email, token });
+//       navigation.navigate('InApp');
+//     } catch (error) {
+//       console.error('Error with Google sign-in:', error);
+//     }
+//   };
+
+//   return (
+//     <View style={styles.container}>
+//       {isLoading ? (
+//         <Text>Loading...</Text>
+//       ) : (
+//         <>
+//           <TextInput
+//             style={styles.input}
+//             placeholder="Email"
+//             value={email}
+//             onChangeText={setEmail}
+//           />
+//           <TextInput
+//             style={styles.input}
+//             placeholder="Username"
+//             value={username}
+//             onChangeText={setUsername}
+//           />
+//           <Button title="Login" onPress={handleLoginUser} />
+//           <Button title="Create Account" onPress={handleCreateUser} />
+//           <Button title="Sign in with Google" onPress={handleGoogleSignIn} />
+//           {createUserMutation.isLoading && <Text>Loading...</Text>}
+//           {createUserMutation.isError && <Text>Error creating user</Text>}
+//           {loginUserMutation.isLoading && <Text>Loading...</Text>}
+//           {loginUserMutation.isError && <Text>Error logging in</Text>}
+//         </>
+//       )}
+//     </View>
+//   );
+// };
+
+// export default FirebaseLogin;
+
+// const styles = StyleSheet.create({
+//   container: {
+//     flex: 1,
+//     justifyContent: 'center',
+//     alignItems: 'center',
+//     padding: 16,
+//   },
+//   input: {
+//     width: '100%',
+//     padding: 8,
+//     marginBottom: 16,
+//     borderColor: '#ccc',
+//     borderWidth: 1,
+//     borderRadius: 4,
+//   },
+// });
diff --git a/screens/Goals.tsx b/screens/Goals.tsx
index 06ac675..31a0c0d 100644
--- a/screens/Goals.tsx
+++ b/screens/Goals.tsx
@@ -1,4 +1,4 @@
-import React, { useMemo, useState } from 'react';
+import React, { useMemo, useState, useEffect } from 'react';
 import { View, Text, FlatList, StyleSheet } from 'react-native';
 import { useQuery, useMutation, useQueryClient } from '@tanstack/react-query';
 import { fetchGoals, updateGoalCompletion, fetchFollowCounts, fetchUser, fetchReactions, fetchCommentCounts } from '../services/api';
@@ -9,6 +9,7 @@ import CompletionModal from '../components/CompletionModal';
 import { GoalEnriched } from '../types/requests';
 import { TouchableOpacity } from 'react-native-gesture-handler';
 import { useNavigation } from '@react-navigation/native';
+import { getUser } from '../services/storage';
 
 interface GoalsProps {
   route: {
@@ -21,11 +22,22 @@ interface GoalsProps {
 
 const Goals: React.FC<GoalsProps> = ({ route }) => {
   const { userId, enableEdits } = route.params;
+  console.log(`Goals.txt > userId ${userId}`)
   const queryClient = useQueryClient();
   const [selectedItem, setSelectedItem] = useState<GoalEnriched | null>(null);
   const [modalVisible, setModalVisible] = useState(false);
   const navigation = useNavigation();
 
+  // this is here for debugging
+  useEffect(() => {
+    console.log("useeffect called")
+    const fetchUserCredentials = async () => {
+      const user = await getUser();
+      console.log('User from local storage:', user); // Log the user credentials
+    };
+    fetchUserCredentials();
+  }, []);
+
   const { data: displayedUser, isLoading: userLoading } = useQuery({
     queryKey: ['user', userId],
     queryFn: () => fetchUser(userId),
diff --git a/screens/InApp.tsx b/screens/InApp.tsx
index 18c24b6..168b3ff 100644
--- a/screens/InApp.tsx
+++ b/screens/InApp.tsx
@@ -23,6 +23,8 @@ const InApp: React.FC = () => {
     );
   }
 
+  console.log("InApp.txt > user", user)
+
   return (
     <View style={styles.container}>
       <HeaderBar />
diff --git a/screens/Profile.tsx b/screens/Profile.tsx
index 2b96f72..392adf2 100644
--- a/screens/Profile.tsx
+++ b/screens/Profile.tsx
@@ -3,6 +3,8 @@ import React, { useEffect, useState } from 'react';
 import { View, Text, StyleSheet, TouchableOpacity, Button, Alert } from 'react-native';
 import { useUser } from '../contexts/UserContext';
 import { useNavigation } from '@react-navigation/native';
+import { StackNavigationProp } from '@react-navigation/stack';
+import { RootStackParamList } from '../navigation/types';
 import { fetchFollowCounts } from '../services/api';
 import AsyncStorage from '@react-native-async-storage/async-storage';
 import { Ionicons } from '@expo/vector-icons';
@@ -11,7 +13,7 @@ import { FontAwesome5 } from '@expo/vector-icons';
 
 const Profile: React.FC = () => {
   const { user, setUser } = useUser();
-  const navigation = useNavigation();
+  const navigation = useNavigation<StackNavigationProp<RootStackParamList>>();
   const [followCounts, setFollowCounts] = useState<{ followers: number; leaders: number }>({ followers: 0, leaders: 0 });
   const [isModalVisible, setModalVisible] = useState(false);
 
@@ -28,7 +30,7 @@ const Profile: React.FC = () => {
   const handleSignOut = async () => {
     await AsyncStorage.clear();
     setUser(null);
-    navigation.navigate('Login');
+    navigation.navigate('FirebaseLogin');
   };
 
   return (
@@ -65,6 +67,15 @@ const Profile: React.FC = () => {
             color="red"
           />
         </View>
+        <View style={styles.button}>
+          <Button
+            title={`Firebase Login page`}
+            onPress={() => {
+              console.log('Navigating to FirebaseLogin');
+              navigation.navigate('FirebaseLogin');
+            }}
+          />
+        </View>
       </View>
       <SignOutModal
         visible={isModalVisible}
diff --git a/services/api.ts b/services/api.ts
index 9e265d0..645148f 100644
--- a/services/api.ts
+++ b/services/api.ts
@@ -1,14 +1,22 @@
 import axios from 'axios';
 import config from '../config';
-import { User, EmojiType, Goal, Follow, Reaction, CommentEnriched, FollowCounts, GoalEnriched, CommentCount } from '../types/requests';
+import { NewUser, User, EmojiType, Goal, Follow, Reaction, CommentEnriched, FollowCounts, GoalEnriched, CommentCount } from '../types/requests';
+import { getAuthHeader } from '../utils/firebase-auth';
+import { saveAccessToken } from './storage';
 
 const api = axios.create({
   baseURL: config.stacksAPI,
 });
 
-export const createUser = async (user: User): Promise<User> => {
-  const { data } = await api.post('/0/users', user);
-  const parsed = User.safeParse(data);
+export const createUser = async (user: NewUser): Promise<User> => {
+  const { data } = await api.post('/0/users', {email: user.email, username: user.username},{
+    headers: {
+      'Authorization': `Bearer ${user.idToken}`,
+      'Content-Type': 'application/json'
+    }});
+  const { access_token, ...userData } = data; 
+  await saveAccessToken(access_token)
+  const parsed = User.safeParse(userData);
   if (!parsed.success) {
     console.error('Error parsing User:', parsed.error.format());
     throw new Error('Error parsing User');
@@ -17,7 +25,8 @@ export const createUser = async (user: User): Promise<User> => {
 };
 
 export const fetchUser = async (id: string): Promise<User> => {
-  const { data } = await api.get(`/0/users/${id}`);
+  const authHead = await getAuthHeader()
+  const { data } = await api.get(`/0/users/${id}`, authHead );
   const parsed = User.safeParse(data);
   if (!parsed.success) {
     console.error('Error parsing User:', parsed.error.format());
@@ -26,9 +35,15 @@ export const fetchUser = async (id: string): Promise<User> => {
   return parsed.data;
 }
 
-export const loginUser = async (username: string): Promise<User> => {
-  const { data } = await api.get(`/0/users?username=${username}`);
-  const parsed = User.safeParse(data[0]);
+export const loginUser = async ({idToken,email}): Promise<User> => {
+  const { data } = await api.get(`/0/users/login?email=${email}`,{
+    headers: {
+      'Authorization': `Bearer ${idToken}`
+    }}
+  );
+  const { access_token, ...userData } = data; 
+  await saveAccessToken(access_token)
+  const parsed = User.safeParse(userData);
   if (!parsed.success) {
     console.error('Error parsing User:', parsed.error.format());
     throw new Error('Error parsing User');
@@ -37,7 +52,9 @@ export const loginUser = async (username: string): Promise<User> => {
 };
 
 export const createGoal = async (goal: Goal): Promise<Goal> => {
-  const { data } = await api.post('/0/goals', goal);
+  const authHead = await getAuthHeader()
+  console.log('authHead', authHead)
+  const { data } = await api.post('/0/goals', goal, authHead);
   const parsed = Goal.safeParse(data);
   if (!parsed.success) {
     console.error('Error parsing Goal:', parsed.error.format());
@@ -47,7 +64,9 @@ export const createGoal = async (goal: Goal): Promise<Goal> => {
 };
 
 export const fetchGoals = async (user_id: string): Promise<GoalEnriched[]> => {
-  const { data } = await api.get(`/0/goals/${user_id}`);
+  const authHead = await getAuthHeader()
+  console.log(`fetchGoals > user_id: ${user_id}`)
+  const { data } = await api.get(`/0/goals?user_id=${user_id}`, authHead);
   const goals = data.map((goal: any) => {
     const parsed = GoalEnriched.safeParse(goal);
     if (!parsed.success) {
@@ -61,7 +80,8 @@ export const fetchGoals = async (user_id: string): Promise<GoalEnriched[]> => {
 };
 
 export const fetchAnnouncements = async (user_id: string): Promise<GoalEnriched[]> => {
-  const { data } = await api.get(`/0/goals/announcements/${user_id}`);
+  const authHead = await getAuthHeader()
+  const { data } = await api.get(`/0/goals/announcements/${user_id}`, authHead);
   const announcements = data.map((result: any) => {
     const parsed = GoalEnriched.safeParse(result);
     if (!parsed.success) {
@@ -75,7 +95,8 @@ export const fetchAnnouncements = async (user_id: string): Promise<GoalEnriched[
 };
 
 export const followUser = async (follower_id: string, leader_id: string): Promise<Follow> => {
-  const { data } = await api.post('/0/follows', { follower_id, leader_id });
+  const authHead = await getAuthHeader()
+  const { data } = await api.post('/0/follows', { follower_id, leader_id }, authHead);
   const parsed = Follow.safeParse(data);
   if (!parsed.success) {
     console.error('Error parsing Follow:', parsed.error.format());
@@ -85,7 +106,8 @@ export const followUser = async (follower_id: string, leader_id: string): Promis
 };
 
 export const unfollowUser = async (follower_id: string, leader_id: string): Promise<Follow> => {
-  const { data } = await api.delete(`/0/follows/${follower_id}/leaders/${leader_id}`);
+  const authHead = await getAuthHeader()
+  const { data } = await api.delete(`/0/follows/${follower_id}/leaders/${leader_id}`, authHead);
   const parsed = Follow.safeParse(data);
   if (!parsed.success) {
     console.error('Error parsing Follow:', parsed.error.format());
@@ -95,7 +117,8 @@ export const unfollowUser = async (follower_id: string, leader_id: string): Prom
 };
 
 export const updateGoalCompletion = async ({ id, is_completed }: { id: string; is_completed: boolean }): Promise<Goal> => {
-  const { data } = await api.patch(`/0/goals/${id}`, { is_completed });
+  const authHead = await getAuthHeader()
+  const { data } = await api.patch(`/0/goals/${id}`, { is_completed }, authHead);
   const parsed = Goal.safeParse(data);
   if (!parsed.success) {
     console.error('Error parsing Goal:', parsed.error.format());
@@ -105,8 +128,9 @@ export const updateGoalCompletion = async ({ id, is_completed }: { id: string; i
 };
 
 export const addReaction = async (userId: string, goalId: string, emoji: EmojiType): Promise<Reaction> => {
+  const authHead = await getAuthHeader()
   const reaction = { user_id: userId, goal_id: goalId, reaction: emoji, reaction_library: "rn-emoji-keyboard:^1.7.0" };
-  const { data } = await api.post(`/0/reactions`, reaction);
+  const { data } = await api.post(`/0/reactions`, reaction, authHead);
   const parsed = Reaction.safeParse(data);
   if (!parsed.success) {
     console.error('Error parsing Reaction:', parsed.error.format());
@@ -116,8 +140,9 @@ export const addReaction = async (userId: string, goalId: string, emoji: EmojiTy
 };
 
 export const fetchReactions = async (goalIds: string[]): Promise<{ [key: string]: Reaction[] }> => {
+  const authHead = await getAuthHeader()
   const queryString = goalIds.map(id => `goal_ids=${id}`).join('&');
-  const { data } = await api.get(`/0/reactions?${queryString}`);
+  const { data } = await api.get(`/0/reactions?${queryString}`, authHead);
 
   const parsedReactions: { [key: string]: Reaction[] } = {};
 
@@ -139,7 +164,8 @@ export const fetchReactions = async (goalIds: string[]): Promise<{ [key: string]
 };
 
 export const addComment = async (comment: Comment): Promise<Comment> => {
-  const { data } = await api.post(`/0/comments`, comment);
+  const authHead = await getAuthHeader()
+  const { data } = await api.post(`/0/comments`, comment, authHead);
   const parsed = CommentEnriched.safeParse(data);
   if (!parsed.success) {
     console.error('Error parsing Comment:', parsed.error.format());
@@ -149,7 +175,8 @@ export const addComment = async (comment: Comment): Promise<Comment> => {
 };
 
 export const fetchComments = async (goalId: string): Promise<CommentEnriched[]> => {
-  const { data } = await api.get(`/0/comments?goal_id=${goalId}`);
+  const authHead = await getAuthHeader()
+  const { data } = await api.get(`/0/comments?goal_id=${goalId}`, authHead);
   const comments = data.map((comment: any) => {
     const parsed = CommentEnriched.safeParse(comment);
     if (!parsed.success) {
@@ -163,7 +190,8 @@ export const fetchComments = async (goalId: string): Promise<CommentEnriched[]>
 };
 
 export const fetchUsers = async (user_id: string): Promise<User[]> => {
-  const { data } = await api.get(`/0/users/search/${user_id}`);
+  const authHead = await getAuthHeader()
+  const { data } = await api.get(`/0/users/search/${user_id}`, authHead);
   const users = data.map((user: any) => {
     const parsed = User.safeParse(user);
     if (!parsed.success) {
@@ -177,7 +205,8 @@ export const fetchUsers = async (user_id: string): Promise<User[]> => {
 };
 
 export const fetchFollowers = async (user_id: string): Promise<User[]> => {
-  const { data } = await api.get(`/0/users/followers/${user_id}`);
+  const authHead = await getAuthHeader()
+  const { data } = await api.get(`/0/users/followers/${user_id}`, authHead);
   const users = data.map((user: any) => {
     const parsed = User.safeParse(user);
     if (!parsed.success) {
@@ -191,7 +220,8 @@ export const fetchFollowers = async (user_id: string): Promise<User[]> => {
 };
 
 export const fetchLeaders = async (user_id: string): Promise<User[]> => {
-  const { data } = await api.get(`/0/users/leaders/${user_id}`);
+  const authHead = await getAuthHeader()
+  const { data } = await api.get(`/0/users/leaders/${user_id}`, authHead);
   const users = data.map((user: any) => {
     const parsed = User.safeParse(user);
     if (!parsed.success) {
@@ -204,8 +234,9 @@ export const fetchLeaders = async (user_id: string): Promise<User[]> => {
   return users;
 };
 
-export const fetchFollowCounts = async (user_id: string): Promise<FollowCount> => {
-  const { data } = await api.get(`/0/follows/counts/${user_id}`);
+export const fetchFollowCounts = async (user_id: string): Promise<FollowCounts> => {
+  const authHead = await getAuthHeader()
+  const { data } = await api.get(`/0/follows/counts/${user_id}`, authHead);
   const parsed = FollowCounts.safeParse(data);
   if (!parsed.success) {
     console.error('Error parsing FollowCount:', parsed.error.format());
@@ -215,7 +246,8 @@ export const fetchFollowCounts = async (user_id: string): Promise<FollowCount> =
 };
 
 export const fetchCommentCount = async (goal_id: string): Promise<CommentCount> => {
-  const { data } = await api.get(`/0/comments/count?goal_id=${goal_id}`);
+  const authHead = await getAuthHeader()
+  const { data } = await api.get(`/0/comments/count?goal_id=${goal_id}`, authHead);
   const parsed = CommentCount.safeParse(data);
   if (!parsed.success) {
     console.error('Error parsing CommentCount:', parsed.error.format());
@@ -225,8 +257,9 @@ export const fetchCommentCount = async (goal_id: string): Promise<CommentCount>
 }
 
 export const fetchCommentCounts = async (goalIds: string[]): Promise<CommentCount[]> => {
+  const authHead = await getAuthHeader()
   const queryString = goalIds.map(id => `goal_ids=${id}`).join('&');
-  const { data } = await api.get(`/0/comments/count?${queryString}`);
+  const { data } = await api.get(`/0/comments/count?${queryString}`, authHead);
   const counts = data.map((count: any) => {
     const parsed = CommentCount.safeParse(count);
     if (!parsed.success) {
diff --git a/services/storage.ts b/services/storage.ts
index cbcf083..8115e6a 100644
--- a/services/storage.ts
+++ b/services/storage.ts
@@ -1,11 +1,16 @@
 import { Platform } from 'react-native';
 import AsyncStorage from '@react-native-async-storage/async-storage';
+import { FIREBASE_AUTH } from '../utils/firebase-auth';
+
 
 const USER_KEY = 'currentUser';
+export const ACCESS_TOKEN = 'jwtAccessToken'
+const REFRESH_TOKEN = 'refreshToken'
 
 export const saveUser = async (user: any) => {
   const userString = JSON.stringify(user);
   if (Platform.OS === 'web') {
+    console.log("saving user info in localStorage", userString)
     localStorage.setItem(USER_KEY, userString);
   } else {
     await AsyncStorage.setItem(USER_KEY, userString);
@@ -29,3 +34,51 @@ export const removeUser = async () => {
     await AsyncStorage.removeItem(USER_KEY);
   }
 };
+
+
+export const saveAccessToken = async (accessToken: string) => {
+  if (Platform.OS === 'web') {
+    console.log(`Storing access token to localStorage: ${accessToken}`)
+    localStorage.setItem(ACCESS_TOKEN, accessToken);
+  } else {
+    await AsyncStorage.setItem(ACCESS_TOKEN, accessToken);
+  }
+};
+
+
+export const getAccessToken = async () => {
+  if (Platform.OS === 'web') {
+    const accessToken = localStorage.getItem(ACCESS_TOKEN);
+    return accessToken ? accessToken : null;
+  } else {
+    const accessToken = await AsyncStorage.getItem(ACCESS_TOKEN);
+    return accessToken
+  }
+};
+
+export const removeAccessToken = async () => {
+  if (Platform.OS === 'web') {
+    localStorage.removeItem(ACCESS_TOKEN);
+  } else {
+    await AsyncStorage.removeItem(ACCESS_TOKEN);
+  }
+};
+
+
+export const refreshToken = async () => {
+  const user = FIREBASE_AUTH.currentUser;
+  if (user) {
+    // This will automatically refresh the token and update the user's ID token.
+    await user.getIdToken(true); 
+    const newIdToken = await user.getIdToken();
+    if (Platform.OS === 'web') {
+      localStorage.setItem(ACCESS_TOKEN, newIdToken);
+    } else {
+      await AsyncStorage.setItem(ACCESS_TOKEN, newIdToken);
+    }
+    return newIdToken;
+  }
+  throw new Error('No current user');
+};
+
+
diff --git a/types/requests.ts b/types/requests.ts
index 838c358..1984413 100644
--- a/types/requests.ts
+++ b/types/requests.ts
@@ -2,6 +2,14 @@ import { z } from 'zod';
 
 // add strict type checking to all requests
 
+export const NewUser = z.object({
+  idToken: z.string(),
+  email: z.string(),
+  username: z.string()
+}).strict();
+
+export type NewUser = z.infer<typeof NewUser>
+
 export const User = z.object({
   id: z.string(),
   username: z.string(),
@@ -10,7 +18,7 @@ export const User = z.object({
   updated_at: z.string(),
   follower: z.union([z.boolean(), z.null()]).optional(),
   leader: z.union([z.boolean(), z.null()]).optional(),
-}).strict().brand<"User">();
+}).strict();
 
 export type User = z.infer<typeof User>;
 
diff --git a/utils/firebase-auth.ts b/utils/firebase-auth.ts
new file mode 100644
index 0000000..d599e90
--- /dev/null
+++ b/utils/firebase-auth.ts
@@ -0,0 +1,89 @@
+import { initializeApp } from "firebase/app";
+import {getAuth, GoogleAuthProvider, signInWithPopup, signOut } from 'firebase/auth' 
+import 'firebase/auth'
+import { getAccessToken, saveAccessToken } from "../services/storage";
+
+const firebaseConfig = {
+  apiKey: "AIzaSyDGZ6FFlCO1owQljmo-GbKFTBuNmi9FsjQ",
+  authDomain: "stacks-8f7cf.firebaseapp.com",
+  projectId: "stacks-8f7cf",
+  storageBucket: "stacks-8f7cf.appspot.com",
+  messagingSenderId: "844894271901",
+  appId: "1:844894271901:web:727825b0acb8f000b69774",
+  measurementId: "G-MRKNLE8C91"
+};
+
+// Initialize Firebase
+export const FIREBASE_APP = initializeApp(firebaseConfig);
+
+// const analytics = getAnalytics(app);
+export const FIREBASE_AUTH = getAuth(FIREBASE_APP);
+
+//gmail
+export const provider = new GoogleAuthProvider()
+
+export const signInWithGoogle = () => signInWithPopup(FIREBASE_AUTH, provider) 
+
+export const firebaseSignOut =  () => signOut(FIREBASE_AUTH)
+
+export const googleSignIn = async () => {
+    const provider = new GoogleAuthProvider();
+    try {
+      const result = await signInWithPopup(FIREBASE_AUTH, provider);
+      console.log('User signed in:', result.user);
+      alert("signed in with Google")
+      return (result)
+    } catch (error) {
+      console.error('Error during sign-in:', error);
+      alert("Failed to sign in with google")
+    }
+  };
+
+export const isFirstLogin = (creationTime: string, lastSignInTime: string): boolean => {
+  const createdAtDate = new Date(creationTime);
+  const lastLoggedInDate = new Date(lastSignInTime);
+
+  // Calculate the difference in seconds
+  const timeDifference = Math.abs((createdAtDate.getTime() - lastLoggedInDate.getTime()) / 1000);
+
+  // Allow a margin of error of 5 seconds
+  return timeDifference <= 5;
+}
+
+// PROBABLY DEPRICATED
+export const getValidIdToken = async () => {
+  const user = FIREBASE_AUTH.currentUser;
+
+  if (!user) {
+    throw new Error("No user is signed in");
+  }
+
+  // check if token is expired,refresh if expired
+  let idToken = await getAccessToken();
+  const [, payloadBase64] = idToken.split('.');
+  const payload = JSON.parse(atob(payloadBase64));
+  const now = Date.now() / 1000; // Current time in seconds
+  if(payload.exp < now){
+    console.log("idToken expired, refreshing token")
+    idToken = await user.getIdToken(true);
+    await saveAccessToken(idToken);
+  }
+
+  return idToken;
+}
+
+export const getAuthHeader = async () => {
+  const accessToken = await getAccessToken()
+  console.log('accessToken:', accessToken);
+  const authHead = {
+    headers: {
+      'Authorization': `Bearer ${accessToken}`,
+      'Content-Type': 'application/json',
+    }}
+  return authHead
+}
+
+
+
+
+  
\ No newline at end of file