.

frontend/package.json

@@ -12,9 +12,12 @@
   "author": "Daeki Yoon",
   "license": "ISC",
   "devDependencies": {
+    "@types/bcryptjs": "^2.4.2",
+    "@types/cookie-parser": "^1.4.3",
     "@types/react": "^18.0.14",
     "@types/react-dom": "^18.0.5",
     "@types/react-router-dom": "^5.3.3",
+    "@types/validator": "^13.7.3",
     "autoprefixer": "^10.4.7",
     "css-loader": "^6.7.1",
     "html-webpack-plugin": "^5.5.0",
@@ -29,8 +32,11 @@
     "webpack-dev-server": "^4.9.2"
   },
   "dependencies": {
+    "bcryptjs": "^2.4.3",
+    "cookie-parser": "^1.4.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "react-router-dom": "^6.3.0"
+    "react-router-dom": "^6.3.0",
+    "validator": "^13.7.0"
   }
 }

frontend/src/SurveyRouter.tsx

@@ -2,7 +2,7 @@ import React from "react";
 import { BrowserRouter, Route, Routes } from "react-router-dom";
 import App from "./App";
 import { Login, SignUp } from "./auth";
-import { CreateSurveyForm } from "./commons";
+import { CreateSurveyForm, SurveyForm } from "./commons";
 import { Home } from "./home";
 
 export const SurveyRouter = () => {
@@ -14,6 +14,7 @@ export const SurveyRouter = () => {
           <Route path="login" element={<Login />} />
           <Route path="signup" element={<SignUp />} />
           <Route path="create" element={<CreateSurveyForm />} />
+          <Route path="survey" element={<SurveyForm />} />
         </Route>
       </Routes>
     </BrowserRouter>