front-navbar-first

채지성
Commit 293bfa33e84c3fa03b7059c7e433a557abe38efd 293bfa33 1 parent a5b40df3
Showing 9 changed files with 947 additions and 39 deletions
client/package-lock.json
client/package.json
client/src/App.js
client/src/App.css → client/src/Component/App.css
client/src/Component/App.js
client/src/img/khumeal.png
client/src/index.js
package-lock.json
package.json
--- a/client/package-lock.json
View file @293bfa3
+++ b/client/package-lock.json
View file @293bfa3
@@ -11,7 +11,9 @@
         "@testing-library/jest-dom": "^5.16.4",
         "@testing-library/react": "^13.3.0",
         "@testing-library/user-event": "^13.5.0",
+         "bootstrap": "^5.1.3",
         "react": "^18.1.0",
+         "react-bootstrap": "^2.4.0",
         "react-dom": "^18.1.0",
         "react-scripts": "5.0.1",
         "web-vitals": "^2.1.4"
@@ -2941,6 +2943,57 @@
         }
       }
     },
+     "node_modules/@popperjs/core": {
+       "version": "2.11.5",
+       "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.5.tgz",
+       "integrity": "sha512-9X2obfABZuDVLCgPK9aX0a/x4jaOEweTTWE2+9sr0Qqqevj2Uv5XorvusThmc9XGYpS9yI+fhh8RTafBtGposw==",
+       "funding": {
+         "type": "opencollective",
+         "url": "https://opencollective.com/popperjs"
+       }
+     },
+     "node_modules/@restart/hooks": {
+       "version": "0.4.7",
+       "resolved": "https://registry.npmjs.org/@restart/hooks/-/hooks-0.4.7.tgz",
+       "integrity": "sha512-ZbjlEHcG+FQtpDPHd7i4FzNNvJf2enAwZfJbpM8CW7BhmOAbsHpZe3tsHwfQUrBuyrxWqPYp2x5UMnilWcY22A==",
+       "dependencies": {
+         "dequal": "^2.0.2"
+       },
+       "peerDependencies": {
+         "react": ">=16.8.0"
+       }
+     },
+     "node_modules/@restart/ui": {
+       "version": "1.2.0",
+       "resolved": "https://registry.npmjs.org/@restart/ui/-/ui-1.2.0.tgz",
+       "integrity": "sha512-oIh2t3tG8drZtZ9SlaV5CY6wGsUViHk8ZajjhcI+74IQHyWy+AnxDv8rJR5wVgsgcgrPBUvGNkC1AEdcGNPaLQ==",
+       "dependencies": {
+         "@babel/runtime": "^7.13.16",
+         "@popperjs/core": "^2.10.1",
+         "@react-aria/ssr": "^3.0.1",
+         "@restart/hooks": "^0.4.0",
+         "@types/warning": "^3.0.0",
+         "dequal": "^2.0.2",
+         "dom-helpers": "^5.2.0",
+         "uncontrollable": "^7.2.1",
+         "warning": "^4.0.3"
+       },
+       "peerDependencies": {
+         "react": ">=16.14.0",
+         "react-dom": ">=16.14.0"
+       }
+     },
+     "node_modules/@restart/ui/node_modules/@react-aria/ssr": {
+       "version": "3.1.2",
+       "resolved": "https://registry.npmjs.org/@react-aria/ssr/-/ssr-3.1.2.tgz",
+       "integrity": "sha512-amXY11ImpokvkTMeKRHjsSsG7v1yzzs6yeqArCyBIk60J3Yhgxwx9Cah+Uu/804ATFwqzN22AXIo7SdtIaMP+g==",
+       "dependencies": {
+         "@babel/runtime": "^7.6.2"
+       },
+       "peerDependencies": {
+         "react": "^16.8.0 || ^17.0.0-rc.1"
+       }
+     },
     "node_modules/@rollup/plugin-babel": {
       "version": "5.3.1",
       "resolved": "https://registry.npmjs.org/@rollup/plugin-babel/-/plugin-babel-5.3.1.tgz",
@@ -3726,6 +3779,14 @@
         "@types/react": "*"
       }
     },
+     "node_modules/@types/react-transition-group": {
+       "version": "4.4.4",
+       "resolved": "https://registry.npmjs.org/@types/react-transition-group/-/react-transition-group-4.4.4.tgz",
+       "integrity": "sha512-7gAPz7anVK5xzbeQW9wFBDg7G++aPLAFY0QaSMOou9rJZpbuI58WAuJrgu+qR92l61grlnCUe7AFX8KGahAgug==",
+       "dependencies": {
+         "@types/react": "*"
+       }
+     },
     "node_modules/@types/resolve": {
       "version": "1.17.1",
       "resolved": "https://registry.npmjs.org/@types/resolve/-/resolve-1.17.1.tgz",
@@ -3787,6 +3848,11 @@
       "resolved": "https://registry.npmjs.org/@types/trusted-types/-/trusted-types-2.0.2.tgz",
       "integrity": "sha512-F5DIZ36YVLE+PN+Zwws4kJogq47hNgX3Nx6WyDJ3kcplxyke3XIzB8uK5n/Lpm1HBsbGzd6nmGehL8cPekP+Tg=="
     },
+     "node_modules/@types/warning": {
+       "version": "3.0.0",
+       "resolved": "https://registry.npmjs.org/@types/warning/-/warning-3.0.0.tgz",
+       "integrity": "sha512-t/Tvs5qR47OLOr+4E9ckN8AmP2Tf16gWq+/qA4iUGS/OOyHVO8wv2vjJuX8SNOUTJyWb+2t7wJm6cXILFnOROA=="
+     },
     "node_modules/@types/ws": {
       "version": "8.5.3",
       "resolved": "https://registry.npmjs.org/@types/ws/-/ws-8.5.3.tgz",
@@ -4998,6 +5064,18 @@
       "resolved": "https://registry.npmjs.org/boolbase/-/boolbase-1.0.0.tgz",
       "integrity": "sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww=="
     },
+     "node_modules/bootstrap": {
+       "version": "5.1.3",
+       "resolved": "https://registry.npmjs.org/bootstrap/-/bootstrap-5.1.3.tgz",
+       "integrity": "sha512-fcQztozJ8jToQWXxVuEyXWW+dSo8AiXWKwiSSrKWsRB/Qt+Ewwza+JWoLKiTuQLaEPhdNAJ7+Dosc9DOIqNy7Q==",
+       "funding": {
+         "type": "opencollective",
+         "url": "https://opencollective.com/bootstrap"
+       },
+       "peerDependencies": {
+         "@popperjs/core": "^2.10.2"
+       }
+     },
     "node_modules/brace-expansion": {
       "version": "1.1.11",
       "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
@@ -5254,6 +5332,11 @@
       "resolved": "https://registry.npmjs.org/cjs-module-lexer/-/cjs-module-lexer-1.2.2.tgz",
       "integrity": "sha512-cOU9usZw8/dXIXKtwa8pM0OTJQuJkxMN6w30csNRUerHfeQ5R6U3kkU/FtJeIf3M202OHfY2U8ccInBG7/xogA=="
     },
+     "node_modules/classnames": {
+       "version": "2.3.1",
+       "resolved": "https://registry.npmjs.org/classnames/-/classnames-2.3.1.tgz",
+       "integrity": "sha512-OlQdbZ7gLfGarSqxesMesDa5uz7KFbID8Kpq/SxIoNGDqY8lSYs0D+hhtBXhcdB3rcbXArFr7vlHheLk1voeNA=="
+     },
     "node_modules/clean-css": {
       "version": "5.3.0",
       "resolved": "https://registry.npmjs.org/clean-css/-/clean-css-5.3.0.tgz",
@@ -6097,6 +6180,14 @@
         "node": ">= 0.8"
       }
     },
+     "node_modules/dequal": {
+       "version": "2.0.2",
+       "resolved": "https://registry.npmjs.org/dequal/-/dequal-2.0.2.tgz",
+       "integrity": "sha512-q9K8BlJVxK7hQYqa6XISGmBZbtQQWVXSrRrWreHC94rMt1QL/Impruc+7p2CYSYuVIUr+YCt6hjrs1kkdJRTug==",
+       "engines": {
+         "node": ">=6"
+       }
+     },
     "node_modules/destroy": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/destroy/-/destroy-1.2.0.tgz",
@@ -6233,6 +6324,15 @@
         "utila": "~0.4"
       }
     },
+     "node_modules/dom-helpers": {
+       "version": "5.2.1",
+       "resolved": "https://registry.npmjs.org/dom-helpers/-/dom-helpers-5.2.1.tgz",
+       "integrity": "sha512-nRCa7CK3VTrM2NmGkIy4cbK7IZlgBE/PYMn55rrXefr5xXDP0LdtfPnblFDoVdcAfslJ7or6iqAUnx0CCGIWQA==",
+       "dependencies": {
+         "@babel/runtime": "^7.8.7",
+         "csstype": "^3.0.2"
+       }
+     },
     "node_modules/dom-serializer": {
       "version": "1.4.1",
       "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-1.4.1.tgz",
@@ -8494,6 +8594,14 @@
         "node": ">= 0.4"
       }
     },
+     "node_modules/invariant": {
+       "version": "2.2.4",
+       "resolved": "https://registry.npmjs.org/invariant/-/invariant-2.2.4.tgz",
+       "integrity": "sha512-phJfQVBuaJM5raOpJjSfkiD6BpbCE4Ns//LaXl6wGYtUBY83nWS6Rf9tXm2e8VaK60JEjYldbPif/A2B1C2gNA==",
+       "dependencies": {
+         "loose-envify": "^1.0.0"
+       }
+     },
     "node_modules/ipaddr.js": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-2.0.1.tgz",
@@ -13220,6 +13328,23 @@
         "react-is": "^16.13.1"
       }
     },
+     "node_modules/prop-types-extra": {
+       "version": "1.1.1",
+       "resolved": "https://registry.npmjs.org/prop-types-extra/-/prop-types-extra-1.1.1.tgz",
+       "integrity": "sha512-59+AHNnHYCdiC+vMwY52WmvP5dM3QLeoumYuEyceQDi9aEhtwN9zIQ2ZNo25sMyXnbh32h+P1ezDsUpUH3JAew==",
+       "dependencies": {
+         "react-is": "^16.3.2",
+         "warning": "^4.0.0"
+       },
+       "peerDependencies": {
+         "react": ">=0.14.0"
+       }
+     },
+     "node_modules/prop-types-extra/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/prop-types/node_modules/react-is": {
       "version": "16.13.1",
       "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
@@ -13395,6 +13520,35 @@
         "node": ">=14"
       }
     },
+     "node_modules/react-bootstrap": {
+       "version": "2.4.0",
+       "resolved": "https://registry.npmjs.org/react-bootstrap/-/react-bootstrap-2.4.0.tgz",
+       "integrity": "sha512-dn599jNK1Fg5GGjJH+lQQDwELVzigh/MdusKpB/0el+sCjsO5MZDH5gRMmBjRhC+vb7VlCDr6OXffPIDSkNMLw==",
+       "dependencies": {
+         "@babel/runtime": "^7.17.2",
+         "@restart/hooks": "^0.4.6",
+         "@restart/ui": "^1.2.0",
+         "@types/react-transition-group": "^4.4.4",
+         "classnames": "^2.3.1",
+         "dom-helpers": "^5.2.1",
+         "invariant": "^2.2.4",
+         "prop-types": "^15.8.1",
+         "prop-types-extra": "^1.1.0",
+         "react-transition-group": "^4.4.2",
+         "uncontrollable": "^7.2.1",
+         "warning": "^4.0.3"
+       },
+       "peerDependencies": {
+         "@types/react": ">=16.14.8",
+         "react": ">=16.14.0",
+         "react-dom": ">=16.14.0"
+       },
+       "peerDependenciesMeta": {
+         "@types/react": {
+           "optional": true
+         }
+       }
+     },
     "node_modules/react-dev-utils": {
       "version": "12.0.1",
       "resolved": "https://registry.npmjs.org/react-dev-utils/-/react-dev-utils-12.0.1.tgz",
@@ -13534,6 +13688,11 @@
       "resolved": "https://registry.npmjs.org/react-is/-/react-is-17.0.2.tgz",
       "integrity": "sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w=="
     },
+     "node_modules/react-lifecycles-compat": {
+       "version": "3.0.4",
+       "resolved": "https://registry.npmjs.org/react-lifecycles-compat/-/react-lifecycles-compat-3.0.4.tgz",
+       "integrity": "sha512-fBASbA6LnOU9dOU2eW7aQ8xmYBSXUIWr+UmF9b1efZBazGNO+rcXT/icdKnYm2pTwcRylVUYwW7H1PHfLekVzA=="
+     },
     "node_modules/react-refresh": {
       "version": "0.11.0",
       "resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.11.0.tgz",
@@ -13614,6 +13773,21 @@
         }
       }
     },
+     "node_modules/react-transition-group": {
+       "version": "4.4.2",
+       "resolved": "https://registry.npmjs.org/react-transition-group/-/react-transition-group-4.4.2.tgz",
+       "integrity": "sha512-/RNYfRAMlZwDSr6z4zNKV6xu53/e2BuaBbGhbyYIXTrmgu/bGHzmqOs7mJSJBHy9Ud+ApHx3QjrkKSp1pxvlFg==",
+       "dependencies": {
+         "@babel/runtime": "^7.5.5",
+         "dom-helpers": "^5.0.1",
+         "loose-envify": "^1.4.0",
+         "prop-types": "^15.6.2"
+       },
+       "peerDependencies": {
+         "react": ">=16.6.0",
+         "react-dom": ">=16.6.0"
+       }
+     },
     "node_modules/readable-stream": {
       "version": "3.6.0",
       "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.0.tgz",
@@ -15279,6 +15453,20 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+     "node_modules/uncontrollable": {
+       "version": "7.2.1",
+       "resolved": "https://registry.npmjs.org/uncontrollable/-/uncontrollable-7.2.1.tgz",
+       "integrity": "sha512-svtcfoTADIB0nT9nltgjujTi7BzVmwjZClOmskKu/E8FW9BXzg9os8OLr4f8Dlnk0rYWJIWr4wv9eKUXiQvQwQ==",
+       "dependencies": {
+         "@babel/runtime": "^7.6.3",
+         "@types/react": ">=16.9.11",
+         "invariant": "^2.2.4",
+         "react-lifecycles-compat": "^3.0.4"
+       },
+       "peerDependencies": {
+         "react": ">=15.0.0"
+       }
+     },
     "node_modules/unicode-canonical-property-names-ecmascript": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/unicode-canonical-property-names-ecmascript/-/unicode-canonical-property-names-ecmascript-2.0.0.tgz",
@@ -15457,6 +15645,14 @@
         "makeerror": "1.0.12"
       }
     },
+     "node_modules/warning": {
+       "version": "4.0.3",
+       "resolved": "https://registry.npmjs.org/warning/-/warning-4.0.3.tgz",
+       "integrity": "sha512-rpJyN222KWIvHJ/F53XSZv0Zl/accqHR8et1kpaMTD/fLCRxtV8iX8czMzY7sVZupTI3zcUTg8eycS2kNF9l6w==",
+       "dependencies": {
+         "loose-envify": "^1.0.0"
+       }
+     },
     "node_modules/watchpack": {
       "version": "2.3.1",
       "resolved": "https://registry.npmjs.org/watchpack/-/watchpack-2.3.1.tgz",
@@ -18313,6 +18509,45 @@
         "source-map": "^0.7.3"
       }
     },
+     "@popperjs/core": {
+       "version": "2.11.5",
+       "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.5.tgz",
+       "integrity": "sha512-9X2obfABZuDVLCgPK9aX0a/x4jaOEweTTWE2+9sr0Qqqevj2Uv5XorvusThmc9XGYpS9yI+fhh8RTafBtGposw=="
+     },
+     "@restart/hooks": {
+       "version": "0.4.7",
+       "resolved": "https://registry.npmjs.org/@restart/hooks/-/hooks-0.4.7.tgz",
+       "integrity": "sha512-ZbjlEHcG+FQtpDPHd7i4FzNNvJf2enAwZfJbpM8CW7BhmOAbsHpZe3tsHwfQUrBuyrxWqPYp2x5UMnilWcY22A==",
+       "requires": {
+         "dequal": "^2.0.2"
+       }
+     },
+     "@restart/ui": {
+       "version": "1.2.0",
+       "resolved": "https://registry.npmjs.org/@restart/ui/-/ui-1.2.0.tgz",
+       "integrity": "sha512-oIh2t3tG8drZtZ9SlaV5CY6wGsUViHk8ZajjhcI+74IQHyWy+AnxDv8rJR5wVgsgcgrPBUvGNkC1AEdcGNPaLQ==",
+       "requires": {
+         "@babel/runtime": "^7.13.16",
+         "@popperjs/core": "^2.10.1",
+         "@react-aria/ssr": "^3.0.1",
+         "@restart/hooks": "^0.4.0",
+         "@types/warning": "^3.0.0",
+         "dequal": "^2.0.2",
+         "dom-helpers": "^5.2.0",
+         "uncontrollable": "^7.2.1",
+         "warning": "^4.0.3"
+       },
+       "dependencies": {
+         "@react-aria/ssr": {
+           "version": "3.1.2",
+           "resolved": "https://registry.npmjs.org/@react-aria/ssr/-/ssr-3.1.2.tgz",
+           "integrity": "sha512-amXY11ImpokvkTMeKRHjsSsG7v1yzzs6yeqArCyBIk60J3Yhgxwx9Cah+Uu/804ATFwqzN22AXIo7SdtIaMP+g==",
+           "requires": {
+             "@babel/runtime": "^7.6.2"
+           }
+         }
+       }
+     },
     "@rollup/plugin-babel": {
       "version": "5.3.1",
       "resolved": "https://registry.npmjs.org/@rollup/plugin-babel/-/plugin-babel-5.3.1.tgz",
@@ -18905,6 +19140,14 @@
         "@types/react": "*"
       }
     },
+     "@types/react-transition-group": {
+       "version": "4.4.4",
+       "resolved": "https://registry.npmjs.org/@types/react-transition-group/-/react-transition-group-4.4.4.tgz",
+       "integrity": "sha512-7gAPz7anVK5xzbeQW9wFBDg7G++aPLAFY0QaSMOou9rJZpbuI58WAuJrgu+qR92l61grlnCUe7AFX8KGahAgug==",
+       "requires": {
+         "@types/react": "*"
+       }
+     },
     "@types/resolve": {
       "version": "1.17.1",
       "resolved": "https://registry.npmjs.org/@types/resolve/-/resolve-1.17.1.tgz",
@@ -18966,6 +19209,11 @@
       "resolved": "https://registry.npmjs.org/@types/trusted-types/-/trusted-types-2.0.2.tgz",
       "integrity": "sha512-F5DIZ36YVLE+PN+Zwws4kJogq47hNgX3Nx6WyDJ3kcplxyke3XIzB8uK5n/Lpm1HBsbGzd6nmGehL8cPekP+Tg=="
     },
+     "@types/warning": {
+       "version": "3.0.0",
+       "resolved": "https://registry.npmjs.org/@types/warning/-/warning-3.0.0.tgz",
+       "integrity": "sha512-t/Tvs5qR47OLOr+4E9ckN8AmP2Tf16gWq+/qA4iUGS/OOyHVO8wv2vjJuX8SNOUTJyWb+2t7wJm6cXILFnOROA=="
+     },
     "@types/ws": {
       "version": "8.5.3",
       "resolved": "https://registry.npmjs.org/@types/ws/-/ws-8.5.3.tgz",
@@ -19858,6 +20106,12 @@
       "resolved": "https://registry.npmjs.org/boolbase/-/boolbase-1.0.0.tgz",
       "integrity": "sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww=="
     },
+     "bootstrap": {
+       "version": "5.1.3",
+       "resolved": "https://registry.npmjs.org/bootstrap/-/bootstrap-5.1.3.tgz",
+       "integrity": "sha512-fcQztozJ8jToQWXxVuEyXWW+dSo8AiXWKwiSSrKWsRB/Qt+Ewwza+JWoLKiTuQLaEPhdNAJ7+Dosc9DOIqNy7Q==",
+       "requires": {}
+     },
     "brace-expansion": {
       "version": "1.1.11",
       "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
@@ -20034,6 +20288,11 @@
       "resolved": "https://registry.npmjs.org/cjs-module-lexer/-/cjs-module-lexer-1.2.2.tgz",
       "integrity": "sha512-cOU9usZw8/dXIXKtwa8pM0OTJQuJkxMN6w30csNRUerHfeQ5R6U3kkU/FtJeIf3M202OHfY2U8ccInBG7/xogA=="
     },
+     "classnames": {
+       "version": "2.3.1",
+       "resolved": "https://registry.npmjs.org/classnames/-/classnames-2.3.1.tgz",
+       "integrity": "sha512-OlQdbZ7gLfGarSqxesMesDa5uz7KFbID8Kpq/SxIoNGDqY8lSYs0D+hhtBXhcdB3rcbXArFr7vlHheLk1voeNA=="
+     },
     "clean-css": {
       "version": "5.3.0",
       "resolved": "https://registry.npmjs.org/clean-css/-/clean-css-5.3.0.tgz",
@@ -20637,6 +20896,11 @@
       "resolved": "https://registry.npmjs.org/depd/-/depd-2.0.0.tgz",
       "integrity": "sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw=="
     },
+     "dequal": {
+       "version": "2.0.2",
+       "resolved": "https://registry.npmjs.org/dequal/-/dequal-2.0.2.tgz",
+       "integrity": "sha512-q9K8BlJVxK7hQYqa6XISGmBZbtQQWVXSrRrWreHC94rMt1QL/Impruc+7p2CYSYuVIUr+YCt6hjrs1kkdJRTug=="
+     },
     "destroy": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/destroy/-/destroy-1.2.0.tgz",
@@ -20743,6 +21007,15 @@
         "utila": "~0.4"
       }
     },
+     "dom-helpers": {
+       "version": "5.2.1",
+       "resolved": "https://registry.npmjs.org/dom-helpers/-/dom-helpers-5.2.1.tgz",
+       "integrity": "sha512-nRCa7CK3VTrM2NmGkIy4cbK7IZlgBE/PYMn55rrXefr5xXDP0LdtfPnblFDoVdcAfslJ7or6iqAUnx0CCGIWQA==",
+       "requires": {
+         "@babel/runtime": "^7.8.7",
+         "csstype": "^3.0.2"
+       }
+     },
     "dom-serializer": {
       "version": "1.4.1",
       "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-1.4.1.tgz",
@@ -22377,6 +22650,14 @@
         "side-channel": "^1.0.4"
       }
     },
+     "invariant": {
+       "version": "2.2.4",
+       "resolved": "https://registry.npmjs.org/invariant/-/invariant-2.2.4.tgz",
+       "integrity": "sha512-phJfQVBuaJM5raOpJjSfkiD6BpbCE4Ns//LaXl6wGYtUBY83nWS6Rf9tXm2e8VaK60JEjYldbPif/A2B1C2gNA==",
+       "requires": {
+         "loose-envify": "^1.0.0"
+       }
+     },
     "ipaddr.js": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-2.0.1.tgz",
@@ -25653,6 +25934,22 @@
         }
       }
     },
+     "prop-types-extra": {
+       "version": "1.1.1",
+       "resolved": "https://registry.npmjs.org/prop-types-extra/-/prop-types-extra-1.1.1.tgz",
+       "integrity": "sha512-59+AHNnHYCdiC+vMwY52WmvP5dM3QLeoumYuEyceQDi9aEhtwN9zIQ2ZNo25sMyXnbh32h+P1ezDsUpUH3JAew==",
+       "requires": {
+         "react-is": "^16.3.2",
+         "warning": "^4.0.0"
+       },
+       "dependencies": {
+         "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=="
+         }
+       }
+     },
     "proxy-addr": {
       "version": "2.0.7",
       "resolved": "https://registry.npmjs.org/proxy-addr/-/proxy-addr-2.0.7.tgz",
@@ -25770,6 +26067,25 @@
         "whatwg-fetch": "^3.6.2"
       }
     },
+     "react-bootstrap": {
+       "version": "2.4.0",
+       "resolved": "https://registry.npmjs.org/react-bootstrap/-/react-bootstrap-2.4.0.tgz",
+       "integrity": "sha512-dn599jNK1Fg5GGjJH+lQQDwELVzigh/MdusKpB/0el+sCjsO5MZDH5gRMmBjRhC+vb7VlCDr6OXffPIDSkNMLw==",
+       "requires": {
+         "@babel/runtime": "^7.17.2",
+         "@restart/hooks": "^0.4.6",
+         "@restart/ui": "^1.2.0",
+         "@types/react-transition-group": "^4.4.4",
+         "classnames": "^2.3.1",
+         "dom-helpers": "^5.2.1",
+         "invariant": "^2.2.4",
+         "prop-types": "^15.8.1",
+         "prop-types-extra": "^1.1.0",
+         "react-transition-group": "^4.4.2",
+         "uncontrollable": "^7.2.1",
+         "warning": "^4.0.3"
+       }
+     },
     "react-dev-utils": {
       "version": "12.0.1",
       "resolved": "https://registry.npmjs.org/react-dev-utils/-/react-dev-utils-12.0.1.tgz",
@@ -25875,6 +26191,11 @@
       "resolved": "https://registry.npmjs.org/react-is/-/react-is-17.0.2.tgz",
       "integrity": "sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w=="
     },
+     "react-lifecycles-compat": {
+       "version": "3.0.4",
+       "resolved": "https://registry.npmjs.org/react-lifecycles-compat/-/react-lifecycles-compat-3.0.4.tgz",
+       "integrity": "sha512-fBASbA6LnOU9dOU2eW7aQ8xmYBSXUIWr+UmF9b1efZBazGNO+rcXT/icdKnYm2pTwcRylVUYwW7H1PHfLekVzA=="
+     },
     "react-refresh": {
       "version": "0.11.0",
       "resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.11.0.tgz",
@@ -25935,6 +26256,17 @@
         "workbox-webpack-plugin": "^6.4.1"
       }
     },
+     "react-transition-group": {
+       "version": "4.4.2",
+       "resolved": "https://registry.npmjs.org/react-transition-group/-/react-transition-group-4.4.2.tgz",
+       "integrity": "sha512-/RNYfRAMlZwDSr6z4zNKV6xu53/e2BuaBbGhbyYIXTrmgu/bGHzmqOs7mJSJBHy9Ud+ApHx3QjrkKSp1pxvlFg==",
+       "requires": {
+         "@babel/runtime": "^7.5.5",
+         "dom-helpers": "^5.0.1",
+         "loose-envify": "^1.4.0",
+         "prop-types": "^15.6.2"
+       }
+     },
     "readable-stream": {
       "version": "3.6.0",
       "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.0.tgz",
@@ -27176,6 +27508,17 @@
         "which-boxed-primitive": "^1.0.2"
       }
     },
+     "uncontrollable": {
+       "version": "7.2.1",
+       "resolved": "https://registry.npmjs.org/uncontrollable/-/uncontrollable-7.2.1.tgz",
+       "integrity": "sha512-svtcfoTADIB0nT9nltgjujTi7BzVmwjZClOmskKu/E8FW9BXzg9os8OLr4f8Dlnk0rYWJIWr4wv9eKUXiQvQwQ==",
+       "requires": {
+         "@babel/runtime": "^7.6.3",
+         "@types/react": ">=16.9.11",
+         "invariant": "^2.2.4",
+         "react-lifecycles-compat": "^3.0.4"
+       }
+     },
     "unicode-canonical-property-names-ecmascript": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/unicode-canonical-property-names-ecmascript/-/unicode-canonical-property-names-ecmascript-2.0.0.tgz",
@@ -27311,6 +27654,14 @@
         "makeerror": "1.0.12"
       }
     },
+     "warning": {
+       "version": "4.0.3",
+       "resolved": "https://registry.npmjs.org/warning/-/warning-4.0.3.tgz",
+       "integrity": "sha512-rpJyN222KWIvHJ/F53XSZv0Zl/accqHR8et1kpaMTD/fLCRxtV8iX8czMzY7sVZupTI3zcUTg8eycS2kNF9l6w==",
+       "requires": {
+         "loose-envify": "^1.0.0"
+       }
+     },
     "watchpack": {
       "version": "2.3.1",
       "resolved": "https://registry.npmjs.org/watchpack/-/watchpack-2.3.1.tgz",
--- a/client/package.json
View file @293bfa3
+++ b/client/package.json
View file @293bfa3
@@ -6,7 +6,9 @@
     "@testing-library/jest-dom": "^5.16.4",
     "@testing-library/react": "^13.3.0",
     "@testing-library/user-event": "^13.5.0",
+     "bootstrap": "^5.1.3",
     "react": "^18.1.0",
+     "react-bootstrap": "^2.4.0",
     "react-dom": "^18.1.0",
     "react-scripts": "5.0.1",
     "web-vitals": "^2.1.4"
--- a/client/src/App.js deleted 100644 → 0
View file @a5b40df
+++ b/client/src/App.js deleted 100644 → 0
View file @a5b40df
- import logo from './logo.svg';
- import './App.css';
- import axios from "axios";
- import { useEffect } from 'react';
- 
- function App() {
-   const callApi = async()=>{
-     axios.get("/api").then((res)=>{console.log(res.data.test)});
-   };
- 
-   useEffect(()=>{
-     callApi();
-   }, []);
-   
-   return (
-     <div className="App">
-       <header className="App-header">
-         <img src={logo} className="App-logo" alt="logo" />
-         <p>
-           Edit <code>src/App.js</code> and save to reload.
-         </p>
-         <a
-           className="App-link"
-           href="https://reactjs.org"
-           target="_blank"
-           rel="noopener noreferrer"
-         >
-           Learn React
-         </a>
-       </header>
-     </div>
-   );
- }
- 
- export default App;
\ No newline at end of file
--- a/client/src/App.css → client/src/Component/App.css
View file @293bfa3
+++ b/client/src/App.css → client/src/Component/App.css
View file @293bfa3
--- a/client/src/Component/App.js 0 → 100644
View file @293bfa3
+++ b/client/src/Component/App.js 0 → 100644
View file @293bfa3
+ import './App.css';
+ import axios from "axios";
+ import { useEffect } from 'react';
+ import { Navbar, Container, NavDropdown, Nav} from 'react-bootstrap'
+ import khuimg from '../img/khumeal.png'
+ 
+ function App() {
+   const callApi = async()=>{
+     axios.get("/api").then((res)=>{console.log(res.data.test)});
+   };
+ 
+   useEffect(()=>{
+     callApi();
+   }, []);
+   
+   return (
+     
+     <Navbar bg="#ff0000" expand="lg" style={{ background:'#9E1915'}} >
+             <Container>
+             <img src = {khuimg} height="40px" width="40px" />
+             <Navbar.Brand href="#home">제2긱 학식 커뮤니티</Navbar.Brand>
+             <Navbar.Toggle aria-controls="basic-navbar-nav" />
+             <Navbar.Collapse id="basic-navbar-nav">
+                 <Nav className="me-auto">
+                 <Nav.Link href="#home">메뉴</Nav.Link>
+                 <Nav.Link href="#link">메뉴에 대한 이야기</Nav.Link>
+                 <Nav.Link href="#link">글 작성</Nav.Link>
+                 </Nav>
+             </Navbar.Collapse>
+             </Container>
+         </Navbar>
+   );
+ }
+ 
+ export default App;
\ No newline at end of file
--- a/client/src/img/khumeal.png 0 → 100644
View file @293bfa3
+++ b/client/src/img/khumeal.png 0 → 100644
View file @293bfa3
--- a/client/src/index.js
View file @293bfa3
+++ b/client/src/index.js
View file @293bfa3
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 import './index.css';
- import App from './App';
+ import App from './Component/App';
 import reportWebVitals from './reportWebVitals';
+ import 'bootstrap/dist/css/bootstrap.min.css';
 
 const root = ReactDOM.createRoot(document.getElementById('root'));
 root.render(
--- a/package-lock.json
View file @293bfa3
+++ b/package-lock.json
View file @293bfa3
 {
-   "name": "reactTest",
+   "name": "ossw-project",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "dependencies": {
         "axios": "^0.27.2",
+         "bootstrap": "^5.1.3",
         "concurrently": "^7.2.1",
         "express": "^4.18.1",
         "http-proxy-middleware": "^2.0.6",
-         "nodemon": "^2.0.16"
+         "nodemon": "^2.0.16",
+         "react-bootstrap": "^2.4.0"
+       }
+     },
+     "node_modules/@babel/runtime": {
+       "version": "7.18.3",
+       "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.18.3.tgz",
+       "integrity": "sha512-38Y8f7YUhce/K7RMwTp7m0uCumpv9hZkitCbBClqQIow1qSbCvGkcegKOXpEWCQLfWmevgRiWokZ1GkpfhbZug==",
+       "dependencies": {
+         "regenerator-runtime": "^0.13.4"
+       },
+       "engines": {
+         "node": ">=6.9.0"
+       }
+     },
+     "node_modules/@popperjs/core": {
+       "version": "2.11.5",
+       "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.5.tgz",
+       "integrity": "sha512-9X2obfABZuDVLCgPK9aX0a/x4jaOEweTTWE2+9sr0Qqqevj2Uv5XorvusThmc9XGYpS9yI+fhh8RTafBtGposw==",
+       "funding": {
+         "type": "opencollective",
+         "url": "https://opencollective.com/popperjs"
+       }
+     },
+     "node_modules/@restart/hooks": {
+       "version": "0.4.7",
+       "resolved": "https://registry.npmjs.org/@restart/hooks/-/hooks-0.4.7.tgz",
+       "integrity": "sha512-ZbjlEHcG+FQtpDPHd7i4FzNNvJf2enAwZfJbpM8CW7BhmOAbsHpZe3tsHwfQUrBuyrxWqPYp2x5UMnilWcY22A==",
+       "dependencies": {
+         "dequal": "^2.0.2"
+       },
+       "peerDependencies": {
+         "react": ">=16.8.0"
+       }
+     },
+     "node_modules/@restart/ui": {
+       "version": "1.2.0",
+       "resolved": "https://registry.npmjs.org/@restart/ui/-/ui-1.2.0.tgz",
+       "integrity": "sha512-oIh2t3tG8drZtZ9SlaV5CY6wGsUViHk8ZajjhcI+74IQHyWy+AnxDv8rJR5wVgsgcgrPBUvGNkC1AEdcGNPaLQ==",
+       "dependencies": {
+         "@babel/runtime": "^7.13.16",
+         "@popperjs/core": "^2.10.1",
+         "@react-aria/ssr": "^3.0.1",
+         "@restart/hooks": "^0.4.0",
+         "@types/warning": "^3.0.0",
+         "dequal": "^2.0.2",
+         "dom-helpers": "^5.2.0",
+         "uncontrollable": "^7.2.1",
+         "warning": "^4.0.3"
+       },
+       "peerDependencies": {
+         "react": ">=16.14.0",
+         "react-dom": ">=16.14.0"
+       }
+     },
+     "node_modules/@restart/ui/node_modules/@react-aria/ssr": {
+       "version": "3.1.2",
+       "resolved": "https://registry.npmjs.org/@react-aria/ssr/-/ssr-3.1.2.tgz",
+       "integrity": "sha512-amXY11ImpokvkTMeKRHjsSsG7v1yzzs6yeqArCyBIk60J3Yhgxwx9Cah+Uu/804ATFwqzN22AXIo7SdtIaMP+g==",
+       "dependencies": {
+         "@babel/runtime": "^7.6.2"
+       },
+       "peerDependencies": {
+         "react": "^16.8.0 || ^17.0.0-rc.1"
       }
     },
     "node_modules/@sindresorhus/is": {
@@ -44,6 +108,39 @@
       "resolved": "https://registry.npmjs.org/@types/node/-/node-17.0.36.tgz",
       "integrity": "sha512-V3orv+ggDsWVHP99K3JlwtH20R7J4IhI1Kksgc+64q5VxgfRkQG8Ws3MFm/FZOKDYGy9feGFlZ70/HpCNe9QaA=="
     },
+     "node_modules/@types/prop-types": {
+       "version": "15.7.5",
+       "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.5.tgz",
+       "integrity": "sha512-JCB8C6SnDoQf0cNycqd/35A7MjcnK+ZTqE7judS6o7utxUCg6imJg3QK2qzHKszlTjcj2cn+NwMB2i96ubpj7w=="
+     },
+     "node_modules/@types/react": {
+       "version": "18.0.9",
+       "resolved": "https://registry.npmjs.org/@types/react/-/react-18.0.9.tgz",
+       "integrity": "sha512-9bjbg1hJHUm4De19L1cHiW0Jvx3geel6Qczhjd0qY5VKVE2X5+x77YxAepuCwVh4vrgZJdgEJw48zrhRIeF4Nw==",
+       "dependencies": {
+         "@types/prop-types": "*",
+         "@types/scheduler": "*",
+         "csstype": "^3.0.2"
+       }
+     },
+     "node_modules/@types/react-transition-group": {
+       "version": "4.4.4",
+       "resolved": "https://registry.npmjs.org/@types/react-transition-group/-/react-transition-group-4.4.4.tgz",
+       "integrity": "sha512-7gAPz7anVK5xzbeQW9wFBDg7G++aPLAFY0QaSMOou9rJZpbuI58WAuJrgu+qR92l61grlnCUe7AFX8KGahAgug==",
+       "dependencies": {
+         "@types/react": "*"
+       }
+     },
+     "node_modules/@types/scheduler": {
+       "version": "0.16.2",
+       "resolved": "https://registry.npmjs.org/@types/scheduler/-/scheduler-0.16.2.tgz",
+       "integrity": "sha512-hppQEBDmlwhFAXKJX2KnWLYu5yMfi91yazPb2l+lbJiwW+wdo1gNeRA+3RgNSO39WYX2euey41KEwnqesU2Jew=="
+     },
+     "node_modules/@types/warning": {
+       "version": "3.0.0",
+       "resolved": "https://registry.npmjs.org/@types/warning/-/warning-3.0.0.tgz",
+       "integrity": "sha512-t/Tvs5qR47OLOr+4E9ckN8AmP2Tf16gWq+/qA4iUGS/OOyHVO8wv2vjJuX8SNOUTJyWb+2t7wJm6cXILFnOROA=="
+     },
     "node_modules/abbrev": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/abbrev/-/abbrev-1.1.1.tgz",
@@ -158,6 +255,18 @@
         "npm": "1.2.8000 || >= 1.4.16"
       }
     },
+     "node_modules/bootstrap": {
+       "version": "5.1.3",
+       "resolved": "https://registry.npmjs.org/bootstrap/-/bootstrap-5.1.3.tgz",
+       "integrity": "sha512-fcQztozJ8jToQWXxVuEyXWW+dSo8AiXWKwiSSrKWsRB/Qt+Ewwza+JWoLKiTuQLaEPhdNAJ7+Dosc9DOIqNy7Q==",
+       "funding": {
+         "type": "opencollective",
+         "url": "https://opencollective.com/bootstrap"
+       },
+       "peerDependencies": {
+         "@popperjs/core": "^2.10.2"
+       }
+     },
     "node_modules/boxen": {
       "version": "5.1.2",
       "resolved": "https://registry.npmjs.org/boxen/-/boxen-5.1.2.tgz",
@@ -334,6 +443,11 @@
       "resolved": "https://registry.npmjs.org/ci-info/-/ci-info-2.0.0.tgz",
       "integrity": "sha512-5tK7EtrZ0N+OLFMthtqOj4fI2Jeb88C4CAZPu25LDVUgXJ0A3Js4PMGqrn0JU1W0Mh1/Z8wZzYPxqUrXeBboCQ=="
     },
+     "node_modules/classnames": {
+       "version": "2.3.1",
+       "resolved": "https://registry.npmjs.org/classnames/-/classnames-2.3.1.tgz",
+       "integrity": "sha512-OlQdbZ7gLfGarSqxesMesDa5uz7KFbID8Kpq/SxIoNGDqY8lSYs0D+hhtBXhcdB3rcbXArFr7vlHheLk1voeNA=="
+     },
     "node_modules/cli-boxes": {
       "version": "2.2.1",
       "resolved": "https://registry.npmjs.org/cli-boxes/-/cli-boxes-2.2.1.tgz",
@@ -495,6 +609,11 @@
         "node": ">=8"
       }
     },
+     "node_modules/csstype": {
+       "version": "3.1.0",
+       "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.0.tgz",
+       "integrity": "sha512-uX1KG+x9h5hIJsaKR9xHUeUraxf8IODOwq9JLNPq6BwB04a/xgpq3rcx47l5BZu5zBPlgD342tdke3Hom/nJRA=="
+     },
     "node_modules/date-fns": {
       "version": "2.28.0",
       "resolved": "https://registry.npmjs.org/date-fns/-/date-fns-2.28.0.tgz",
@@ -555,6 +674,14 @@
         "node": ">= 0.8"
       }
     },
+     "node_modules/dequal": {
+       "version": "2.0.2",
+       "resolved": "https://registry.npmjs.org/dequal/-/dequal-2.0.2.tgz",
+       "integrity": "sha512-q9K8BlJVxK7hQYqa6XISGmBZbtQQWVXSrRrWreHC94rMt1QL/Impruc+7p2CYSYuVIUr+YCt6hjrs1kkdJRTug==",
+       "engines": {
+         "node": ">=6"
+       }
+     },
     "node_modules/destroy": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/destroy/-/destroy-1.2.0.tgz",
@@ -564,6 +691,15 @@
         "npm": "1.2.8000 || >= 1.4.16"
       }
     },
+     "node_modules/dom-helpers": {
+       "version": "5.2.1",
+       "resolved": "https://registry.npmjs.org/dom-helpers/-/dom-helpers-5.2.1.tgz",
+       "integrity": "sha512-nRCa7CK3VTrM2NmGkIy4cbK7IZlgBE/PYMn55rrXefr5xXDP0LdtfPnblFDoVdcAfslJ7or6iqAUnx0CCGIWQA==",
+       "dependencies": {
+         "@babel/runtime": "^7.8.7",
+         "csstype": "^3.0.2"
+       }
+     },
     "node_modules/dot-prop": {
       "version": "5.3.0",
       "resolved": "https://registry.npmjs.org/dot-prop/-/dot-prop-5.3.0.tgz",
@@ -997,6 +1133,14 @@
         "node": ">=10"
       }
     },
+     "node_modules/invariant": {
+       "version": "2.2.4",
+       "resolved": "https://registry.npmjs.org/invariant/-/invariant-2.2.4.tgz",
+       "integrity": "sha512-phJfQVBuaJM5raOpJjSfkiD6BpbCE4Ns//LaXl6wGYtUBY83nWS6Rf9tXm2e8VaK60JEjYldbPif/A2B1C2gNA==",
+       "dependencies": {
+         "loose-envify": "^1.0.0"
+       }
+     },
     "node_modules/ipaddr.js": {
       "version": "1.9.1",
       "resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-1.9.1.tgz",
@@ -1125,6 +1269,11 @@
       "resolved": "https://registry.npmjs.org/is-yarn-global/-/is-yarn-global-0.3.0.tgz",
       "integrity": "sha512-VjSeb/lHmkoyd8ryPVIKvOCn4D1koMqY+vqyjjUfc3xyKtP4dYOxM44sZrnqQSzSds3xyOrUTLTC9LVCVgLngw=="
     },
+     "node_modules/js-tokens": {
+       "version": "4.0.0",
+       "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
+       "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ=="
+     },
     "node_modules/json-buffer": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/json-buffer/-/json-buffer-3.0.0.tgz",
@@ -1154,6 +1303,17 @@
       "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
       "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg=="
     },
+     "node_modules/loose-envify": {
+       "version": "1.4.0",
+       "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz",
+       "integrity": "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==",
+       "dependencies": {
+         "js-tokens": "^3.0.0 || ^4.0.0"
+       },
+       "bin": {
+         "loose-envify": "cli.js"
+       }
+     },
     "node_modules/lowercase-keys": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/lowercase-keys/-/lowercase-keys-1.0.1.tgz",
@@ -1366,6 +1526,14 @@
         "node": ">=8"
       }
     },
+     "node_modules/object-assign": {
+       "version": "4.1.1",
+       "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
+       "integrity": "sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM=",
+       "engines": {
+         "node": ">=0.10.0"
+       }
+     },
     "node_modules/object-inspect": {
       "version": "1.12.2",
       "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.12.2.tgz",
@@ -1455,6 +1623,28 @@
         "node": ">=4"
       }
     },
+     "node_modules/prop-types": {
+       "version": "15.8.1",
+       "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz",
+       "integrity": "sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==",
+       "dependencies": {
+         "loose-envify": "^1.4.0",
+         "object-assign": "^4.1.1",
+         "react-is": "^16.13.1"
+       }
+     },
+     "node_modules/prop-types-extra": {
+       "version": "1.1.1",
+       "resolved": "https://registry.npmjs.org/prop-types-extra/-/prop-types-extra-1.1.1.tgz",
+       "integrity": "sha512-59+AHNnHYCdiC+vMwY52WmvP5dM3QLeoumYuEyceQDi9aEhtwN9zIQ2ZNo25sMyXnbh32h+P1ezDsUpUH3JAew==",
+       "dependencies": {
+         "react-is": "^16.3.2",
+         "warning": "^4.0.0"
+       },
+       "peerDependencies": {
+         "react": ">=0.14.0"
+       }
+     },
     "node_modules/proxy-addr": {
       "version": "2.0.7",
       "resolved": "https://registry.npmjs.org/proxy-addr/-/proxy-addr-2.0.7.tgz",
@@ -1547,6 +1737,85 @@
       "resolved": "https://registry.npmjs.org/ini/-/ini-1.3.8.tgz",
       "integrity": "sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew=="
     },
+     "node_modules/react": {
+       "version": "18.1.0",
+       "resolved": "https://registry.npmjs.org/react/-/react-18.1.0.tgz",
+       "integrity": "sha512-4oL8ivCz5ZEPyclFQXaNksK3adutVS8l2xzZU0cqEFrE9Sb7fC0EFK5uEk74wIreL1DERyjvsU915j1pcT2uEQ==",
+       "peer": true,
+       "dependencies": {
+         "loose-envify": "^1.1.0"
+       },
+       "engines": {
+         "node": ">=0.10.0"
+       }
+     },
+     "node_modules/react-bootstrap": {
+       "version": "2.4.0",
+       "resolved": "https://registry.npmjs.org/react-bootstrap/-/react-bootstrap-2.4.0.tgz",
+       "integrity": "sha512-dn599jNK1Fg5GGjJH+lQQDwELVzigh/MdusKpB/0el+sCjsO5MZDH5gRMmBjRhC+vb7VlCDr6OXffPIDSkNMLw==",
+       "dependencies": {
+         "@babel/runtime": "^7.17.2",
+         "@restart/hooks": "^0.4.6",
+         "@restart/ui": "^1.2.0",
+         "@types/react-transition-group": "^4.4.4",
+         "classnames": "^2.3.1",
+         "dom-helpers": "^5.2.1",
+         "invariant": "^2.2.4",
+         "prop-types": "^15.8.1",
+         "prop-types-extra": "^1.1.0",
+         "react-transition-group": "^4.4.2",
+         "uncontrollable": "^7.2.1",
+         "warning": "^4.0.3"
+       },
+       "peerDependencies": {
+         "@types/react": ">=16.14.8",
+         "react": ">=16.14.0",
+         "react-dom": ">=16.14.0"
+       },
+       "peerDependenciesMeta": {
+         "@types/react": {
+           "optional": true
+         }
+       }
+     },
+     "node_modules/react-dom": {
+       "version": "18.1.0",
+       "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-18.1.0.tgz",
+       "integrity": "sha512-fU1Txz7Budmvamp7bshe4Zi32d0ll7ect+ccxNu9FlObT605GOEB8BfO4tmRJ39R5Zj831VCpvQ05QPBW5yb+w==",
+       "peer": true,
+       "dependencies": {
+         "loose-envify": "^1.1.0",
+         "scheduler": "^0.22.0"
+       },
+       "peerDependencies": {
+         "react": "^18.1.0"
+       }
+     },
+     "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-lifecycles-compat": {
+       "version": "3.0.4",
+       "resolved": "https://registry.npmjs.org/react-lifecycles-compat/-/react-lifecycles-compat-3.0.4.tgz",
+       "integrity": "sha512-fBASbA6LnOU9dOU2eW7aQ8xmYBSXUIWr+UmF9b1efZBazGNO+rcXT/icdKnYm2pTwcRylVUYwW7H1PHfLekVzA=="
+     },
+     "node_modules/react-transition-group": {
+       "version": "4.4.2",
+       "resolved": "https://registry.npmjs.org/react-transition-group/-/react-transition-group-4.4.2.tgz",
+       "integrity": "sha512-/RNYfRAMlZwDSr6z4zNKV6xu53/e2BuaBbGhbyYIXTrmgu/bGHzmqOs7mJSJBHy9Ud+ApHx3QjrkKSp1pxvlFg==",
+       "dependencies": {
+         "@babel/runtime": "^7.5.5",
+         "dom-helpers": "^5.0.1",
+         "loose-envify": "^1.4.0",
+         "prop-types": "^15.6.2"
+       },
+       "peerDependencies": {
+         "react": ">=16.6.0",
+         "react-dom": ">=16.6.0"
+       }
+     },
     "node_modules/readdirp": {
       "version": "3.6.0",
       "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
@@ -1558,6 +1827,11 @@
         "node": ">=8.10.0"
       }
     },
+     "node_modules/regenerator-runtime": {
+       "version": "0.13.9",
+       "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.13.9.tgz",
+       "integrity": "sha512-p3VT+cOEgxFsRRA9X4lkI1E+k2/CtnKtU4gcxyaCUreilL/vqI6CdZ3wxVUx3UOUg+gnUOQQcRI7BmSI656MYA=="
+     },
     "node_modules/registry-auth-token": {
       "version": "4.2.1",
       "resolved": "https://registry.npmjs.org/registry-auth-token/-/registry-auth-token-4.2.1.tgz",
@@ -1636,6 +1910,15 @@
       "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
       "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg=="
     },
+     "node_modules/scheduler": {
+       "version": "0.22.0",
+       "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.22.0.tgz",
+       "integrity": "sha512-6QAm1BgQI88NPYymgGQLCZgvep4FyePDWFpXVK+zNSUgHwlqpJy8VEh8Et0KxTACS4VWwMousBElAZOH9nkkoQ==",
+       "peer": true,
+       "dependencies": {
+         "loose-envify": "^1.1.0"
+       }
+     },
     "node_modules/semver": {
       "version": "5.7.1",
       "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz",
@@ -1871,6 +2154,20 @@
         "is-typedarray": "^1.0.0"
       }
     },
+     "node_modules/uncontrollable": {
+       "version": "7.2.1",
+       "resolved": "https://registry.npmjs.org/uncontrollable/-/uncontrollable-7.2.1.tgz",
+       "integrity": "sha512-svtcfoTADIB0nT9nltgjujTi7BzVmwjZClOmskKu/E8FW9BXzg9os8OLr4f8Dlnk0rYWJIWr4wv9eKUXiQvQwQ==",
+       "dependencies": {
+         "@babel/runtime": "^7.6.3",
+         "@types/react": ">=16.9.11",
+         "invariant": "^2.2.4",
+         "react-lifecycles-compat": "^3.0.4"
+       },
+       "peerDependencies": {
+         "react": ">=15.0.0"
+       }
+     },
     "node_modules/undefsafe": {
       "version": "2.0.5",
       "resolved": "https://registry.npmjs.org/undefsafe/-/undefsafe-2.0.5.tgz",
@@ -1963,6 +2260,14 @@
         "node": ">= 0.8"
       }
     },
+     "node_modules/warning": {
+       "version": "4.0.3",
+       "resolved": "https://registry.npmjs.org/warning/-/warning-4.0.3.tgz",
+       "integrity": "sha512-rpJyN222KWIvHJ/F53XSZv0Zl/accqHR8et1kpaMTD/fLCRxtV8iX8czMzY7sVZupTI3zcUTg8eycS2kNF9l6w==",
+       "dependencies": {
+         "loose-envify": "^1.0.0"
+       }
+     },
     "node_modules/widest-line": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/widest-line/-/widest-line-3.1.0.tgz",
@@ -2054,6 +2359,53 @@
     }
   },
   "dependencies": {
+     "@babel/runtime": {
+       "version": "7.18.3",
+       "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.18.3.tgz",
+       "integrity": "sha512-38Y8f7YUhce/K7RMwTp7m0uCumpv9hZkitCbBClqQIow1qSbCvGkcegKOXpEWCQLfWmevgRiWokZ1GkpfhbZug==",
+       "requires": {
+         "regenerator-runtime": "^0.13.4"
+       }
+     },
+     "@popperjs/core": {
+       "version": "2.11.5",
+       "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.5.tgz",
+       "integrity": "sha512-9X2obfABZuDVLCgPK9aX0a/x4jaOEweTTWE2+9sr0Qqqevj2Uv5XorvusThmc9XGYpS9yI+fhh8RTafBtGposw=="
+     },
+     "@restart/hooks": {
+       "version": "0.4.7",
+       "resolved": "https://registry.npmjs.org/@restart/hooks/-/hooks-0.4.7.tgz",
+       "integrity": "sha512-ZbjlEHcG+FQtpDPHd7i4FzNNvJf2enAwZfJbpM8CW7BhmOAbsHpZe3tsHwfQUrBuyrxWqPYp2x5UMnilWcY22A==",
+       "requires": {
+         "dequal": "^2.0.2"
+       }
+     },
+     "@restart/ui": {
+       "version": "1.2.0",
+       "resolved": "https://registry.npmjs.org/@restart/ui/-/ui-1.2.0.tgz",
+       "integrity": "sha512-oIh2t3tG8drZtZ9SlaV5CY6wGsUViHk8ZajjhcI+74IQHyWy+AnxDv8rJR5wVgsgcgrPBUvGNkC1AEdcGNPaLQ==",
+       "requires": {
+         "@babel/runtime": "^7.13.16",
+         "@popperjs/core": "^2.10.1",
+         "@react-aria/ssr": "^3.0.1",
+         "@restart/hooks": "^0.4.0",
+         "@types/warning": "^3.0.0",
+         "dequal": "^2.0.2",
+         "dom-helpers": "^5.2.0",
+         "uncontrollable": "^7.2.1",
+         "warning": "^4.0.3"
+       },
+       "dependencies": {
+         "@react-aria/ssr": {
+           "version": "3.1.2",
+           "resolved": "https://registry.npmjs.org/@react-aria/ssr/-/ssr-3.1.2.tgz",
+           "integrity": "sha512-amXY11ImpokvkTMeKRHjsSsG7v1yzzs6yeqArCyBIk60J3Yhgxwx9Cah+Uu/804ATFwqzN22AXIo7SdtIaMP+g==",
+           "requires": {
+             "@babel/runtime": "^7.6.2"
+           }
+         }
+       }
+     },
     "@sindresorhus/is": {
       "version": "0.14.0",
       "resolved": "https://registry.npmjs.org/@sindresorhus/is/-/is-0.14.0.tgz",
@@ -2080,6 +2432,39 @@
       "resolved": "https://registry.npmjs.org/@types/node/-/node-17.0.36.tgz",
       "integrity": "sha512-V3orv+ggDsWVHP99K3JlwtH20R7J4IhI1Kksgc+64q5VxgfRkQG8Ws3MFm/FZOKDYGy9feGFlZ70/HpCNe9QaA=="
     },
+     "@types/prop-types": {
+       "version": "15.7.5",
+       "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.5.tgz",
+       "integrity": "sha512-JCB8C6SnDoQf0cNycqd/35A7MjcnK+ZTqE7judS6o7utxUCg6imJg3QK2qzHKszlTjcj2cn+NwMB2i96ubpj7w=="
+     },
+     "@types/react": {
+       "version": "18.0.9",
+       "resolved": "https://registry.npmjs.org/@types/react/-/react-18.0.9.tgz",
+       "integrity": "sha512-9bjbg1hJHUm4De19L1cHiW0Jvx3geel6Qczhjd0qY5VKVE2X5+x77YxAepuCwVh4vrgZJdgEJw48zrhRIeF4Nw==",
+       "requires": {
+         "@types/prop-types": "*",
+         "@types/scheduler": "*",
+         "csstype": "^3.0.2"
+       }
+     },
+     "@types/react-transition-group": {
+       "version": "4.4.4",
+       "resolved": "https://registry.npmjs.org/@types/react-transition-group/-/react-transition-group-4.4.4.tgz",
+       "integrity": "sha512-7gAPz7anVK5xzbeQW9wFBDg7G++aPLAFY0QaSMOou9rJZpbuI58WAuJrgu+qR92l61grlnCUe7AFX8KGahAgug==",
+       "requires": {
+         "@types/react": "*"
+       }
+     },
+     "@types/scheduler": {
+       "version": "0.16.2",
+       "resolved": "https://registry.npmjs.org/@types/scheduler/-/scheduler-0.16.2.tgz",
+       "integrity": "sha512-hppQEBDmlwhFAXKJX2KnWLYu5yMfi91yazPb2l+lbJiwW+wdo1gNeRA+3RgNSO39WYX2euey41KEwnqesU2Jew=="
+     },
+     "@types/warning": {
+       "version": "3.0.0",
+       "resolved": "https://registry.npmjs.org/@types/warning/-/warning-3.0.0.tgz",
+       "integrity": "sha512-t/Tvs5qR47OLOr+4E9ckN8AmP2Tf16gWq+/qA4iUGS/OOyHVO8wv2vjJuX8SNOUTJyWb+2t7wJm6cXILFnOROA=="
+     },
     "abbrev": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/abbrev/-/abbrev-1.1.1.tgz",
@@ -2172,6 +2557,12 @@
         "unpipe": "1.0.0"
       }
     },
+     "bootstrap": {
+       "version": "5.1.3",
+       "resolved": "https://registry.npmjs.org/bootstrap/-/bootstrap-5.1.3.tgz",
+       "integrity": "sha512-fcQztozJ8jToQWXxVuEyXWW+dSo8AiXWKwiSSrKWsRB/Qt+Ewwza+JWoLKiTuQLaEPhdNAJ7+Dosc9DOIqNy7Q==",
+       "requires": {}
+     },
     "boxen": {
       "version": "5.1.2",
       "resolved": "https://registry.npmjs.org/boxen/-/boxen-5.1.2.tgz",
@@ -2296,6 +2687,11 @@
       "resolved": "https://registry.npmjs.org/ci-info/-/ci-info-2.0.0.tgz",
       "integrity": "sha512-5tK7EtrZ0N+OLFMthtqOj4fI2Jeb88C4CAZPu25LDVUgXJ0A3Js4PMGqrn0JU1W0Mh1/Z8wZzYPxqUrXeBboCQ=="
     },
+     "classnames": {
+       "version": "2.3.1",
+       "resolved": "https://registry.npmjs.org/classnames/-/classnames-2.3.1.tgz",
+       "integrity": "sha512-OlQdbZ7gLfGarSqxesMesDa5uz7KFbID8Kpq/SxIoNGDqY8lSYs0D+hhtBXhcdB3rcbXArFr7vlHheLk1voeNA=="
+     },
     "cli-boxes": {
       "version": "2.2.1",
       "resolved": "https://registry.npmjs.org/cli-boxes/-/cli-boxes-2.2.1.tgz",
@@ -2417,6 +2813,11 @@
       "resolved": "https://registry.npmjs.org/crypto-random-string/-/crypto-random-string-2.0.0.tgz",
       "integrity": "sha512-v1plID3y9r/lPhviJ1wrXpLeyUIGAZ2SHNYTEapm7/8A9nLPoyvVp3RK/EPFqn5kEznyWgYZNsRtYYIWbuG8KA=="
     },
+     "csstype": {
+       "version": "3.1.0",
+       "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.0.tgz",
+       "integrity": "sha512-uX1KG+x9h5hIJsaKR9xHUeUraxf8IODOwq9JLNPq6BwB04a/xgpq3rcx47l5BZu5zBPlgD342tdke3Hom/nJRA=="
+     },
     "date-fns": {
       "version": "2.28.0",
       "resolved": "https://registry.npmjs.org/date-fns/-/date-fns-2.28.0.tgz",
@@ -2458,11 +2859,25 @@
       "resolved": "https://registry.npmjs.org/depd/-/depd-2.0.0.tgz",
       "integrity": "sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw=="
     },
+     "dequal": {
+       "version": "2.0.2",
+       "resolved": "https://registry.npmjs.org/dequal/-/dequal-2.0.2.tgz",
+       "integrity": "sha512-q9K8BlJVxK7hQYqa6XISGmBZbtQQWVXSrRrWreHC94rMt1QL/Impruc+7p2CYSYuVIUr+YCt6hjrs1kkdJRTug=="
+     },
     "destroy": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/destroy/-/destroy-1.2.0.tgz",
       "integrity": "sha512-2sJGJTaXIIaR1w4iJSNoN0hnMY7Gpc/n8D4qSCJw8QqFWXf7cuAgnEHxBpweaVcPevC2l3KpjYCx3NypQQgaJg=="
     },
+     "dom-helpers": {
+       "version": "5.2.1",
+       "resolved": "https://registry.npmjs.org/dom-helpers/-/dom-helpers-5.2.1.tgz",
+       "integrity": "sha512-nRCa7CK3VTrM2NmGkIy4cbK7IZlgBE/PYMn55rrXefr5xXDP0LdtfPnblFDoVdcAfslJ7or6iqAUnx0CCGIWQA==",
+       "requires": {
+         "@babel/runtime": "^7.8.7",
+         "csstype": "^3.0.2"
+       }
+     },
     "dot-prop": {
       "version": "5.3.0",
       "resolved": "https://registry.npmjs.org/dot-prop/-/dot-prop-5.3.0.tgz",
@@ -2777,6 +3192,14 @@
       "resolved": "https://registry.npmjs.org/ini/-/ini-2.0.0.tgz",
       "integrity": "sha512-7PnF4oN3CvZF23ADhA5wRaYEQpJ8qygSkbtTXWBeXWXmEVRXK+1ITciHWwHhsjv1TmW0MgacIv6hEi5pX5NQdA=="
     },
+     "invariant": {
+       "version": "2.2.4",
+       "resolved": "https://registry.npmjs.org/invariant/-/invariant-2.2.4.tgz",
+       "integrity": "sha512-phJfQVBuaJM5raOpJjSfkiD6BpbCE4Ns//LaXl6wGYtUBY83nWS6Rf9tXm2e8VaK60JEjYldbPif/A2B1C2gNA==",
+       "requires": {
+         "loose-envify": "^1.0.0"
+       }
+     },
     "ipaddr.js": {
       "version": "1.9.1",
       "resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-1.9.1.tgz",
@@ -2860,6 +3283,11 @@
       "resolved": "https://registry.npmjs.org/is-yarn-global/-/is-yarn-global-0.3.0.tgz",
       "integrity": "sha512-VjSeb/lHmkoyd8ryPVIKvOCn4D1koMqY+vqyjjUfc3xyKtP4dYOxM44sZrnqQSzSds3xyOrUTLTC9LVCVgLngw=="
     },
+     "js-tokens": {
+       "version": "4.0.0",
+       "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
+       "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ=="
+     },
     "json-buffer": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/json-buffer/-/json-buffer-3.0.0.tgz",
@@ -2886,6 +3314,14 @@
       "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
       "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg=="
     },
+     "loose-envify": {
+       "version": "1.4.0",
+       "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz",
+       "integrity": "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==",
+       "requires": {
+         "js-tokens": "^3.0.0 || ^4.0.0"
+       }
+     },
     "lowercase-keys": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/lowercase-keys/-/lowercase-keys-1.0.1.tgz",
@@ -3034,6 +3470,11 @@
       "resolved": "https://registry.npmjs.org/normalize-url/-/normalize-url-4.5.1.tgz",
       "integrity": "sha512-9UZCFRHQdNrfTpGg8+1INIg93B6zE0aXMVFkw1WFwvO4SlZywU6aLg5Of0Ap/PgcbSw4LNxvMWXMeugwMCX0AA=="
     },
+     "object-assign": {
+       "version": "4.1.1",
+       "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
+       "integrity": "sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM="
+     },
     "object-inspect": {
       "version": "1.12.2",
       "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.12.2.tgz",
@@ -3098,6 +3539,25 @@
       "resolved": "https://registry.npmjs.org/prepend-http/-/prepend-http-2.0.0.tgz",
       "integrity": "sha1-6SQ0v6XqjBn0HN/UAddBo8gZ2Jc="
     },
+     "prop-types": {
+       "version": "15.8.1",
+       "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz",
+       "integrity": "sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==",
+       "requires": {
+         "loose-envify": "^1.4.0",
+         "object-assign": "^4.1.1",
+         "react-is": "^16.13.1"
+       }
+     },
+     "prop-types-extra": {
+       "version": "1.1.1",
+       "resolved": "https://registry.npmjs.org/prop-types-extra/-/prop-types-extra-1.1.1.tgz",
+       "integrity": "sha512-59+AHNnHYCdiC+vMwY52WmvP5dM3QLeoumYuEyceQDi9aEhtwN9zIQ2ZNo25sMyXnbh32h+P1ezDsUpUH3JAew==",
+       "requires": {
+         "react-is": "^16.3.2",
+         "warning": "^4.0.0"
+       }
+     },
     "proxy-addr": {
       "version": "2.0.7",
       "resolved": "https://registry.npmjs.org/proxy-addr/-/proxy-addr-2.0.7.tgz",
@@ -3171,6 +3631,65 @@
         }
       }
     },
+     "react": {
+       "version": "18.1.0",
+       "resolved": "https://registry.npmjs.org/react/-/react-18.1.0.tgz",
+       "integrity": "sha512-4oL8ivCz5ZEPyclFQXaNksK3adutVS8l2xzZU0cqEFrE9Sb7fC0EFK5uEk74wIreL1DERyjvsU915j1pcT2uEQ==",
+       "peer": true,
+       "requires": {
+         "loose-envify": "^1.1.0"
+       }
+     },
+     "react-bootstrap": {
+       "version": "2.4.0",
+       "resolved": "https://registry.npmjs.org/react-bootstrap/-/react-bootstrap-2.4.0.tgz",
+       "integrity": "sha512-dn599jNK1Fg5GGjJH+lQQDwELVzigh/MdusKpB/0el+sCjsO5MZDH5gRMmBjRhC+vb7VlCDr6OXffPIDSkNMLw==",
+       "requires": {
+         "@babel/runtime": "^7.17.2",
+         "@restart/hooks": "^0.4.6",
+         "@restart/ui": "^1.2.0",
+         "@types/react-transition-group": "^4.4.4",
+         "classnames": "^2.3.1",
+         "dom-helpers": "^5.2.1",
+         "invariant": "^2.2.4",
+         "prop-types": "^15.8.1",
+         "prop-types-extra": "^1.1.0",
+         "react-transition-group": "^4.4.2",
+         "uncontrollable": "^7.2.1",
+         "warning": "^4.0.3"
+       }
+     },
+     "react-dom": {
+       "version": "18.1.0",
+       "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-18.1.0.tgz",
+       "integrity": "sha512-fU1Txz7Budmvamp7bshe4Zi32d0ll7ect+ccxNu9FlObT605GOEB8BfO4tmRJ39R5Zj831VCpvQ05QPBW5yb+w==",
+       "peer": true,
+       "requires": {
+         "loose-envify": "^1.1.0",
+         "scheduler": "^0.22.0"
+       }
+     },
+     "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=="
+     },
+     "react-lifecycles-compat": {
+       "version": "3.0.4",
+       "resolved": "https://registry.npmjs.org/react-lifecycles-compat/-/react-lifecycles-compat-3.0.4.tgz",
+       "integrity": "sha512-fBASbA6LnOU9dOU2eW7aQ8xmYBSXUIWr+UmF9b1efZBazGNO+rcXT/icdKnYm2pTwcRylVUYwW7H1PHfLekVzA=="
+     },
+     "react-transition-group": {
+       "version": "4.4.2",
+       "resolved": "https://registry.npmjs.org/react-transition-group/-/react-transition-group-4.4.2.tgz",
+       "integrity": "sha512-/RNYfRAMlZwDSr6z4zNKV6xu53/e2BuaBbGhbyYIXTrmgu/bGHzmqOs7mJSJBHy9Ud+ApHx3QjrkKSp1pxvlFg==",
+       "requires": {
+         "@babel/runtime": "^7.5.5",
+         "dom-helpers": "^5.0.1",
+         "loose-envify": "^1.4.0",
+         "prop-types": "^15.6.2"
+       }
+     },
     "readdirp": {
       "version": "3.6.0",
       "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
@@ -3179,6 +3698,11 @@
         "picomatch": "^2.2.1"
       }
     },
+     "regenerator-runtime": {
+       "version": "0.13.9",
+       "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.13.9.tgz",
+       "integrity": "sha512-p3VT+cOEgxFsRRA9X4lkI1E+k2/CtnKtU4gcxyaCUreilL/vqI6CdZ3wxVUx3UOUg+gnUOQQcRI7BmSI656MYA=="
+     },
     "registry-auth-token": {
       "version": "4.2.1",
       "resolved": "https://registry.npmjs.org/registry-auth-token/-/registry-auth-token-4.2.1.tgz",
@@ -3231,6 +3755,15 @@
       "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
       "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg=="
     },
+     "scheduler": {
+       "version": "0.22.0",
+       "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.22.0.tgz",
+       "integrity": "sha512-6QAm1BgQI88NPYymgGQLCZgvep4FyePDWFpXVK+zNSUgHwlqpJy8VEh8Et0KxTACS4VWwMousBElAZOH9nkkoQ==",
+       "peer": true,
+       "requires": {
+         "loose-envify": "^1.1.0"
+       }
+     },
     "semver": {
       "version": "5.7.1",
       "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz",
@@ -3413,6 +3946,17 @@
         "is-typedarray": "^1.0.0"
       }
     },
+     "uncontrollable": {
+       "version": "7.2.1",
+       "resolved": "https://registry.npmjs.org/uncontrollable/-/uncontrollable-7.2.1.tgz",
+       "integrity": "sha512-svtcfoTADIB0nT9nltgjujTi7BzVmwjZClOmskKu/E8FW9BXzg9os8OLr4f8Dlnk0rYWJIWr4wv9eKUXiQvQwQ==",
+       "requires": {
+         "@babel/runtime": "^7.6.3",
+         "@types/react": ">=16.9.11",
+         "invariant": "^2.2.4",
+         "react-lifecycles-compat": "^3.0.4"
+       }
+     },
     "undefsafe": {
       "version": "2.0.5",
       "resolved": "https://registry.npmjs.org/undefsafe/-/undefsafe-2.0.5.tgz",
@@ -3480,6 +4024,14 @@
       "resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz",
       "integrity": "sha1-IpnwLG3tMNSllhsLn3RSShj2NPw="
     },
+     "warning": {
+       "version": "4.0.3",
+       "resolved": "https://registry.npmjs.org/warning/-/warning-4.0.3.tgz",
+       "integrity": "sha512-rpJyN222KWIvHJ/F53XSZv0Zl/accqHR8et1kpaMTD/fLCRxtV8iX8czMzY7sVZupTI3zcUTg8eycS2kNF9l6w==",
+       "requires": {
+         "loose-envify": "^1.0.0"
+       }
+     },
     "widest-line": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/widest-line/-/widest-line-3.1.0.tgz",
--- a/package.json
View file @293bfa3
+++ b/package.json
View file @293bfa3
@@ -6,9 +6,11 @@
   },
   "dependencies": {
     "axios": "^0.27.2",
+     "bootstrap": "^5.1.3",
     "concurrently": "^7.2.1",
     "express": "^4.18.1",
     "http-proxy-middleware": "^2.0.6",
-     "nodemon": "^2.0.16"
+     "nodemon": "^2.0.16",
+     "react-bootstrap": "^2.4.0"
   }
 }