Feature 4 checkout

.gitignore

@@ -19,3 +19,5 @@
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
+
+package-lock.json

package.json

@@ -3,8 +3,12 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
-    "react": "^16.5.2",
-    "react-dom": "^16.5.2",
+    "@material-ui/core": "^4.11.0",
+    "@material-ui/icons": "^4.9.1",
+    "react": "^16.13.1",
+    "react-dom": "^16.13.1",
+    "react-modal": "^3.11.2",
+    "react-router-dom": "^5.2.0",
     "react-scripts": "2.0.4"
   },
   "scripts": {

src/common/header/Header.css

@@ -0,0 +1,43 @@
+.app-header {
+  display: flex;
+  flex-flow: row wrap;
+  justify-content: space-between;
+  align-items: center;
+  background:#253239;
+  padding: 10px;
+} 
+
+.search-container {
+  width: 300px;
+  margin: 5px 0;
+}
+
+.login-button-icon {
+  margin-right: 10px;
+}
+
+.modal-content {
+  padding: 0 30px;
+  text-align: center;
+}
+
+.dispNone {
+  display: none;
+}
+
+.dispBlock {
+  display: block;
+}
+
+.red {
+  color: red;
+}
+
+.profile-button-icon {
+  margin-right: 10px;
+}
+
+a {
+  text-decoration: none;
+  color: black
+}