changed port 5001 back to 5000

frontend/.env

@@ -1,2 +1,2 @@
 VITE_FIREBASE_API_KEY=AIzaSyAVkhnuTBofnvjRXzwB9YmPKzkZm3Pa920
-NODE_ENV=production
+VITE_ENV=production

frontend/firebase.json

@@ -21,7 +21,7 @@
       "port": 8080
     },
     "hosting": {
-      "port": 5001
+      "port": 5000
     },
     "ui": {
       "enabled": true

frontend/src/components/SignUpForm.tsx → frontend/src/components/sign-up-form/SignUpForm.tsx

@@ -5,7 +5,7 @@ import {
   updateProfile,
 } from "firebase/auth"
 import { useNavigate } from "react-router-dom"
-import { db } from "../firebase"
+import { db } from "../../firebase"
 import { setDoc, doc } from "firebase/firestore"
 import Button from "@mui/material/Button"
 import TextField from "@mui/material/TextField"

frontend/src/firebase.ts

@@ -3,10 +3,9 @@ import { initializeApp } from "@firebase/app"
 import { getAuth, connectAuthEmulator } from "@firebase/auth"
 import { getFirestore, connectFirestoreEmulator } from "@firebase/firestore"
 
+// @ts-ignore
 const firebaseApiKey = import.meta.env.VITE_FIREBASE_API_KEY
 
-console.log(import.meta.env)
-
 const firebaseConfig = {
   apiKey: firebaseApiKey,
   authDomain: "uasc-ceebc.firebaseapp.com",
@@ -21,7 +20,7 @@ const auth = getAuth(app)
 const db = getFirestore(app)
 
 // use emulator suite if running locally
-if (process.env.NODE_ENV === "development") {
+if (import.meta.env.VITE_ENV === "development") {
   connectFirestoreEmulator(db, "localhost", 8080)
   connectAuthEmulator(auth, "http://localhost:9099")
 }

frontend/src/pages/Register.tsx

@@ -1,5 +1,5 @@
 import React from "react"
-import SignUpForm from "../components/SignUpForm"
+import SignUpForm from "../components/sign-up-form/SignUpForm"
 import Typography from "@mui/material/Typography"
 import Container from "@mui/material/Container"
 import Box from "@mui/material/Box"

frontend/src/vite.config.ts

@@ -1,8 +1,15 @@
-const { loadEnvConfig } = require("next-env")
+import { defineConfig } from "vite"
+import react from "@vitejs/plugin-react"
+import viteTsconfigPaths from "vite-tsconfig-paths"
 
-const withEnv = () => {
-  const env = loadEnvConfig(__dirname)
-  return { env: env.parsed }
-}
-
-module.exports = withEnv()
+export default defineConfig({
+  // depending on your application, base can also be "/"
+  base: "",
+  plugins: [react(), viteTsconfigPaths()],
+  server: {
+    // this ensures that the browser opens upon server start
+    open: true,
+    // this sets a default port to 3000
+    port: 3000,
+  },
+})