Bare Bones Example

ECN · Jun 30, 2020 · 89b5452 · 89b5452
1 parent 2439ac9
commit 89b5452
Show file tree

Hide file tree

Showing 8 changed files with 249 additions and 77 deletions.
diff --git a/webqueue2-cra-test/package-lock.json b/webqueue2-cra-test/package-lock.json
diff --git a/webqueue2-cra-test/package.json b/webqueue2-cra-test/package.json
@@ -4,6 +4,8 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
+    "@material-ui/core": "^4.10.2",
+    "@material-ui/icons": "^4.9.1",
     "@testing-library/jest-dom": "^4.2.4",
     "@testing-library/react": "^9.5.0",
     "@testing-library/user-event": "^7.2.1",

diff --git a/webqueue2-cra-test/public/index.html b/webqueue2-cra-test/public/index.html
@@ -9,17 +9,28 @@
   <link rel="icon" href="favico.ico" />
   should be written as
   <link rel="icon" href="%PUBLIC_URL%/favico.ico" />
- -->
+-->
 <html lang="en">
   <head>
+    <!--
+      Allows app to be served from any subdirectory by setting the
+      "homepage": "/subdir/" property in package.json
+    -->
+    <base href="%PUBLIC_URL%/">
+
     <title>webqueue2</title>
     <meta name="theme-color" content="#DAAA00" />
     <meta name="description" content="webqueue2"/>
-    <base href="%PUBLIC_URL%/">
     <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
     <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
+
     <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1" />
+
+    <!-- Material UI Resources -->
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap" />
+    <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons" />
+
     <!--
       manifest.json provides metadata used when your web app is installed on a
       user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/

diff --git a/webqueue2-cra-test/src/App.css b/webqueue2-cra-test/src/App.css
@@ -1,38 +0,0 @@
-.App {
-  text-align: center;
-}
-
-.App-logo {
-  height: 40vmin;
-  pointer-events: none;
-}
-
-@media (prefers-reduced-motion: no-preference) {
-  .App-logo {
-    animation: App-logo-spin infinite 2s linear;
-  }
-}
-
-.App-header {
-  background-color: #282c34;
-  min-height: 100vh;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  font-size: calc(10px + 2vmin);
-  color: white;
-}
-
-.App-link {
-  color: #61dafb;
-}
-
-@keyframes App-logo-spin {
-  from {
-    transform: rotate(0deg);
-  }
-  to {
-    transform: rotate(360deg);
-  }
-}