AustinCodingAcademy · HippErger · Apr 19, 2017 · Apr 20, 2017 · Apr 23, 2017 · Apr 23, 2017
diff --git a/README.md b/README.md
@@ -1,16 +1,16 @@
 ### Setup
-* From address book directory, run yarn install, yarn start
+<!-- * From address book directory, run yarn install, yarn start -->
 
-### Do
+<!-- ### Do
 * Import the array of users into index.js
 * Create a folder in src called components to hold all our components
 * Create the UserDetail and ListOfUsers functional components
 * Import and use components in App
 * Send the user array into Apps and then into ListOfUsers
-* Send the first user from the array down into the UserDetail component
+* Send the first user from the array down into the UserDetail component -->
 
 ### Do
-* Add a button to the ListOfUsers component that says Hide
+<!-- * Add a button to the ListOfUsers component that says Hide -->
 * Add an onClick to the button and a handler
 * Make clicking the button hide the list and change the text to “Show”
 * If you click it again it will show the list and change the text back to “Hide”
@@ -32,11 +32,9 @@
 * In onChange handler function, setState the searchText to the value from the textbox
 
 ### Do
-* Create a variable called currentUser in index.js. 
+* Create a variable called currentUser in index.js.
 * Define a function in index.js called selectUser that will take a user as a parameter and then set that user as the currentUser.
 * Send this function down the child tree so that ListOfUsers can call it
 * Change index.js to send currentUser down the child tree instead of App.js hard coding the first one
 * Register click event for ListOfUsers view link, call the function sent into props by parents, supply the argument of whatever user was clicked on.
 * Re render the components
-
-
diff --git a/package.json b/package.json
@@ -12,6 +12,7 @@
   "dependencies": {
     "foreman": "^2.0.0",
     "json-server": "^0.9.4",
+    "prop-types": "^15.5.8",
     "react": "^15.3.2",
     "react-dom": "^15.3.2"
   },
@@ -24,5 +25,5 @@
     "test": "npm run lint && react-scripts test --env=jsdom",
     "eject": "react-scripts eject"
   },
-  "proxy" : "http://localhost:3001"
+  "proxy": "http://localhost:3001"
 }
diff --git a/public/Shop Homepage - Start Bootstrap Template.htm b/public/Shop Homepage - Start Bootstrap Template.htm
@@ -0,0 +1,72 @@
+<!DOCTYPE html>
+<!-- saved from url=(0022)http://localhost:5100/ -->
+<html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+
+
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="description" content="">
+    <meta name="author" content="">
+
+    <title>Shop Homepage - Start Bootstrap Template</title>
+
+    <!-- Bootstrap Core CSS -->
+    <link href="./Shop Homepage - Start Bootstrap Template_files/bootstrap.min.css" rel="stylesheet">
+
+    <!-- Custom CSS -->
+    <link href="./Shop Homepage - Start Bootstrap Template_files/shop-homepage.css" rel="stylesheet">
+
+    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
+    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
+    <!--[if lt IE 9]>
+        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
+        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
+    <![endif]-->
+
+<style type="text/css">.App {
+  text-align: center;
+}
+
+.App-logo {
+  -webkit-animation: App-logo-spin infinite 20s linear;
+          animation: App-logo-spin infinite 20s linear;
+  height: 80px;
+}
+
+.App-header {
+  background-color: #222;
+  height: 150px;
+  padding: 20px;
+  color: white;
+}
+
+.App-intro {
+  font-size: large;
+}
+
+@-webkit-keyframes App-logo-spin {
+  from { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
+  to { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
+}
+
+@keyframes App-logo-spin {
+  from { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
+  to { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
+}
+</style><style type="text/css"></style></head>
+
+<body>
+
+
+    <!-- /.container -->
+    <div id="root"><div data-reactroot="" class="App"><!-- react-text: 2 -->//NavBar BEGIN<!-- /react-text --><nav class="navbar navbar-inverse navbar-fixed-top" role="navigation"><div class="container"><div class="navbar-header"><button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a class="navbar-brand" href="http://localhost:5100/#">Start Bootstrap</a></div><div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"><ul class="nav navbar-nav"><li><a href="http://localhost:5100/#">About</a></li><li><a href="http://localhost:5100/#">Services</a></li><li><a href="http://localhost:5100/#">Contact</a></li></ul></div></div></nav><!-- react-text: 20 -->//NavBar END // SideBar BEGIN<!-- /react-text --><div class="container BIGPANTS"><div class="row"><div class="col-md-3"><p class="lead">Shop Name</p><div class="list-group"><a href="http://localhost:5100/#" class="list-group-item">Category 1</a><a href="http://localhost:5100/#" class="list-group-item">Category 2</a><a href="http://localhost:5100/#" class="list-group-item">Category 3</a></div></div><div class="col-md-9"><div class="row carousel-holder"><div class="col-md-12"><div id="carousel-example-generic" class="carousel slide" data-ride="carousel"><ol class="carousel-indicators"><li data-target="#carousel-example-generic" data-slide-to="0" class=""></li><li data-target="#carousel-example-generic" data-slide-to="1" class="active"></li><li data-target="#carousel-example-generic" data-slide-to="2" class=""></li></ol><div class="carousel-inner"><div class="item"><img class="slide-image" src="./Shop Homepage - Start Bootstrap Template_files/800x300" alt=""></div><div class="item active"><img class="slide-image" src="./Shop Homepage - Start Bootstrap Template_files/800x300" alt=""></div><div class="item"><img class="slide-image" src="./Shop Homepage - Start Bootstrap Template_files/800x300" alt=""></div></div><a class="left carousel-control" href="http://localhost:5100/#carousel-example-generic" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a><a class="right carousel-control" href="http://localhost:5100/#carousel-example-generic" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a></div></div></div><div class="row"><div class="col-sm-4 col-lg-4 col-md-4"><div class="thumbnail"><img src="./Shop Homepage - Start Bootstrap Template_files/320x150" alt=""><div class="caption"><h4 class="pull-right">$24.99</h4><h4><a href="http://localhost:5100/#">First Product</a></h4><p><!-- react-text: 57 -->See more snippets like this online store item at <!-- /react-text --><a target="_blank" href="http://www.bootsnipp.com/">Bootsnipp - http://bootsnipp.com</a><!-- react-text: 59 -->.<!-- /react-text --></p></div><div class="ratings"><p class="pull-right">15 reviews</p><p><span class="glyphicon glyphicon-star"></span><span class="glyphicon glyphicon-star"></span><span class="glyphicon glyphicon-star"></span><span class="glyphicon glyphicon-star"></span><span class="glyphicon glyphicon-star"></span></p></div></div></div><div class="col-sm-4 col-lg-4 col-md-4"><div class="thumbnail"><img src="./Shop Homepage - Start Bootstrap Template_files/320x150" alt=""><div class="caption"><h4 class="pull-right">$64.99</h4><h4><a href="http://localhost:5100/#">Second Product</a></h4><p>This is a short description. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p></div><div class="ratings"><p class="pull-right">12 reviews</p><p><span class="glyphicon glyphicon-star"></span><span class="glyphicon glyphicon-star"></span><span class="glyphicon glyphicon-star"></span><span class="glyphicon glyphicon-star"></span><span class="glyphicon glyphicon-star-empty"></span></p></div></div></div><div class="col-sm-4 col-lg-4 col-md-4"><div class="thumbnail"><img src="./Shop Homepage - Start Bootstrap Template_files/320x150" alt=""><div class="caption"><h4 class="pull-right">$74.99</h4><h4><a href="http://localhost:5100/#">Third Product</a></h4><p>This is a short description. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p></div><div class="ratings"><p class="pull-right">31 reviews</p><p><span class="glyphicon glyphicon-star"></span><span class="glyphicon glyphicon-star"></span><span class="glyphicon glyphicon-star"></span><span class="glyphicon glyphicon-star"></span><span class="glyphicon glyphicon-star-empty"></span></p></div></div></div><div class="col-sm-4 col-lg-4 col-md-4"><div class="thumbnail"><img src="./Shop Homepage - Start Bootstrap Template_files/320x150" alt=""><div class="caption"><h4 class="pull-right">$84.99</h4><h4><a href="http://localhost:5100/#">Fourth Product</a></h4><p>This is a short description. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p></div><div class="ratings"><p class="pull-right">6 reviews</p><p><span class="glyphicon glyphicon-star"></span><span class="glyphicon glyphicon-star"></span><span class="glyphicon glyphicon-star"></span><span class="glyphicon glyphicon-star-empty"></span><span class="glyphicon glyphicon-star-empty"></span></p></div></div></div><div class="col-sm-4 col-lg-4 col-md-4"><div class="thumbnail"><img src="./Shop Homepage - Start Bootstrap Template_files/320x150" alt=""><div class="caption"><h4 class="pull-right">$94.99</h4><h4><a href="http://localhost:5100/#">Fifth Product</a></h4><p>This is a short description. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p></div><div class="ratings"><p class="pull-right">18 reviews</p><p><span class="glyphicon glyphicon-star"></span><span class="glyphicon glyphicon-star"></span><span class="glyphicon glyphicon-star"></span><span class="glyphicon glyphicon-star"></span><span class="glyphicon glyphicon-star-empty"></span></p></div></div></div><div class="col-sm-4 col-lg-4 col-md-4"><h4><a href="http://localhost:5100/#">Like this template?</a></h4><p><!-- react-text: 136 -->If you like this template, then check out <!-- /react-text --><a target="_blank" href="http://maxoffsky.com/code-blog/laravel-shop-tutorial-1-building-a-review-system/">this tutorial</a><!-- react-text: 138 --> on how to build a working review system for your online store!<!-- /react-text --></p><a class="btn btn-primary" target="_blank" href="http://maxoffsky.com/code-blog/laravel-shop-tutorial-1-building-a-review-system/">View Tutorial</a></div></div></div></div></div><!-- react-text: 140 -->//Footer BEGIN<!-- /react-text --><div class="container"><hr><footer><div class="row"><div class="col-lg-12"><p>Copyright © Your Website 2014</p></div></div></footer></div><!-- react-text: 147 -->// Footer END<!-- /react-text --></div></div>
+    <!-- jQuery -->
+    <script src="./Shop Homepage - Start Bootstrap Template_files/jquery.js"></script>
+
+    <!-- Bootstrap Core JavaScript -->
+    <script src="./Shop Homepage - Start Bootstrap Template_files/bootstrap.min.js"></script>
+
+<script type="text/javascript" src="./Shop Homepage - Start Bootstrap Template_files/bundle.js"></script>
+
+
+<iframe id="react-dev-utils-webpack-hot-dev-client-overlay" src="./Shop Homepage - Start Bootstrap Template_files/saved_resource.html" style="position: fixed; left: 0px; top: 0px; right: 0px; bottom: 0px; width: 100vw; height: 100vh; border: none; z-index: 2147483647;"></iframe></body></html>
diff --git a/public/Shop Homepage - Start Bootstrap Template_files/320x150 b/public/Shop Homepage - Start Bootstrap Template_files/320x150
diff --git a/public/Shop Homepage - Start Bootstrap Template_files/800x300 b/public/Shop Homepage - Start Bootstrap Template_files/800x300
diff --git a/public/Shop Homepage - Start Bootstrap Template_files/bootstrap.min.css b/public/Shop Homepage - Start Bootstrap Template_files/bootstrap.min.css
diff --git a/public/Shop Homepage - Start Bootstrap Template_files/bootstrap.min.js b/public/Shop Homepage - Start Bootstrap Template_files/bootstrap.min.js