copelandhouse2 · copelandhouse2 · Sep 14, 2017 · Sep 22, 2017 · reneemeyer · Sep 25, 2017
diff --git a/09week/checkpoint3/.gitignore b/09week/checkpoint3/.gitignore
@@ -0,0 +1,21 @@
+# See https://help.github.com/ignore-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+
+# testing
+/coverage
+
+# production
+/build
+
+# misc
+.DS_Store
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
diff --git a/09week/checkpoint3/README.md b/09week/checkpoint3/README.md
diff --git a/09week/checkpoint3/images/trello.ico b/09week/checkpoint3/images/trello.ico
diff --git a/09week/checkpoint3/images/trello.jpg b/09week/checkpoint3/images/trello.jpg
diff --git a/09week/checkpoint3/package-lock.json b/09week/checkpoint3/package-lock.json
diff --git a/09week/checkpoint3/package.json b/09week/checkpoint3/package.json
@@ -0,0 +1,17 @@
+{
+  "name": "checkpoint3",
+  "version": "0.1.0",
+  "private": true,
+  "dependencies": {
+    "material-ui": "^0.19.1",
+    "react": "^15.6.1",
+    "react-dom": "^15.6.1",
+    "react-scripts": "1.0.13"
+  },
+  "scripts": {
+    "start": "react-scripts start",
+    "build": "react-scripts build",
+    "test": "react-scripts test --env=jsdom",
+    "eject": "react-scripts eject"
+  }
+}
diff --git a/09week/checkpoint3/public/favicon.ico b/09week/checkpoint3/public/favicon.ico
diff --git a/09week/checkpoint3/public/index.html b/09week/checkpoint3/public/index.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>My Trello App</title>
+
+    <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
+    <!-- <script src="https://api.trello.com/1/client.js?key=a71b06c4cf05f1038144da35dc279b2307164a773c561091e1dcccf5c7be2782"></script> -->
+    <script src="https://api.trello.com/1/client.js?key=1039ccdd5388bb39b18a3f5663d24ee5"></script>
+    <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500" rel="stylesheet">
+    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
+  </head>
+  <body>
+    <div id=root></div>
+
+  </body>
+</html>
diff --git a/09week/checkpoint3/public/manifest.json b/09week/checkpoint3/public/manifest.json
@@ -0,0 +1,15 @@
+{
+  "short_name": "React App",
+  "name": "Create React App Sample",
+  "icons": [
+    {
+      "src": "favicon.ico",
+      "sizes": "192x192",
+      "type": "image/png"
+    }
+  ],
+  "start_url": "./index.html",
+  "display": "standalone",
+  "theme_color": "#000000",
+  "background_color": "#ffffff"
+}
diff --git a/09week/checkpoint3/src/App.css b/09week/checkpoint3/src/App.css
@@ -0,0 +1,29 @@
+body {
+  background-color: rgb(88, 23, 23);
+}
+
+#canvas {
+  margin: 0px;
+  width: 80vw;
+  background-color: rgba(244, 191, 191, 0.35);
+  margin: auto;
+}
+
+#title {
+  text-align: center;
+}
+
+#main-container {
+  display: flex;
+}
+
+#list {
+  width: 50%;
+}
+#control {
+  display: flex;
+  align-items: flex-start;
+  width:50%;
+  justify-content: space-around;
+  flex-wrap: wrap;
+}