deployment

frontend/app/package.json

@@ -1,5 +1,6 @@
 {
   "name": "app",
+  "homepage": "https://sccapstone.github.io/K3MS/",
   "version": "0.1.0",
   "private": true,
   "engines": {
@@ -25,7 +26,9 @@
     "build": "react-scripts build",
     "test": "react-scripts test",
     "eject": "react-scripts eject",
-    "heroku-postbuild": "npm run build"
+    "heroku-postbuild": "npm run build",
+    "predeploy": "npm run build", 
+    "deploy": "gh-pages -d build"
   },
   "eslintConfig": {
     "extends": [
@@ -46,7 +49,7 @@
     ]
   },
   "devDependencies": {
-    "gh-pages": "^6.1.0",
+    "gh-pages": "^6.1.1",
     "webpack-cli": "^5.1.4"
   }
 }

frontend/app/src/App.js

@@ -10,7 +10,7 @@ import GrantUpload from './pages/GrantUpload/GrantUpload';
 import EvalUpload from './pages/EvalUpload/EvalUpload';
 import AccountSettings from './pages/AccountSettings/AccountSettings';
 import UserAdmin from './pages/UserAdmin/UserAdmin';
-import { BrowserRouter, Route, Routes } from 'react-router-dom';
+import { HashRouter, Route, Routes } from 'react-router-dom';
 import { useAuthContext } from './hooks/useAuthContext';
 import './pages/main_pages.css'
 import PubUpload from './pages/PubUpload/PubUpload';
@@ -37,7 +37,7 @@ function App() {
 
   return (
     checkedStorage ? 
-    <BrowserRouter>
+    <HashRouter>
       <Routes>
         <Route path="/" element={ defaultPage } />
         <Route path="/login" element={ <Login /> } />
@@ -54,7 +54,7 @@ function App() {
         <Route path="/useradmin" element={ getMainLayoutPage(<UserAdmin />) } />
         <Route path="*" element={ defaultPage } />
       </Routes>
-    </BrowserRouter>
+    </HashRouter>
     : <p>Loading...</p>
   );
 }