diff --git a/README.md b/README.md
index 2fe828f..95ccd9b 100644
--- a/README.md
+++ b/README.md
@@ -1,44 +1,44 @@
 ### Setup
-* Fork, Clone, yarn install, yarn start
+<!-- * Fork, Clone, yarn install, yarn start
 * Do Not use the instructions as your guide for what code to type, use the reference guide project (address book)
-* Slight quirk - refreshing doesn't work from any path other than the default one so you will have to go back to the default path to refresh
+* Slight quirk - refreshing doesn't work from any path other than the default one so you will have to go back to the default path to refresh -->
 
 ### App.js
-* Import BrowserRouter,Switch and Route from react-router-dom
-* Import components needed
+<!-- * Import BrowserRouter,Switch and Route from react-router-dom -->
+<!-- * Import components needed -->
 * Create the appropriate routes `{/* PUT YOUR ROUTES HERE */}`
-* Make sure the default route goes at the bottom
-* Make sure BrowserRouter wraps everything
-* Make sure you use the component prop, not render.
+<!-- * Make sure the default route goes at the bottom -->
+<!-- * Make sure BrowserRouter wraps everything -->
+<!-- * Make sure you use the component prop, not render. -->
 
 ### Routes
-* /              -> Dashboard
+<!-- * /              -> Dashboard
 * /charts        -> Charts
 * /tables        -> Tables
 * /settings      -> Settings
 * /wall          -> Wall
 * /profiles      -> Profiles
 * /marquee/:text -> Marquee
-* /profile/:id   -> Profile
+* /profile/:id   -> Profile -->
 
 ### Create these components. The content of the components is not important, just put anything `<div> whatever </div>`
-* Charts.js
-* Tables.js
-* Settings.js
-* Wall.js
+<!-- * Charts.js -->
+<!-- * Tables.js -->
+<!-- * Settings.js -->
+<!-- * Wall.js -->
 
 ### Existing components
 * Profiles.js
-    * Import Link from react-router-dom
-    * change the `<a>` to be a Link that links to `/profile/ + user.id`
-* Profile.js 
-    * Change the hard coded 0 with the value from the parameter id
+    <!-- * Import Link from react-router-dom -->
+    <!-- * change the `<a>` to be a Link that links to `/profile/ + user.id` -->
+* Profile.js
+    <!-- * Change the hard coded 0 with the value from the parameter id -->
 * Dashboard.js
 * Marquee
-    * replace the hard coded "hello" with the text parameter from the route
+    <!-- * replace the hard coded "hello" with the text parameter from the route -->
 
 ### SideNav
-* Import Link from react-router-dom
+<!-- * Import Link from react-router-dom -->
 * Create links to all the routes except Profile
 * Hard code some links to Marquee
     * /marquee/iloveroutes
diff --git a/package.json b/package.json
index ba2f6ca..84c0e3a 100644
--- a/package.json
+++ b/package.json
@@ -16,7 +16,7 @@
     "react": "^15.3.2",
     "react-dom": "^15.3.2",
     "react-redux": "^5.0.4",
-    "react-router-dom": "^4.1.1",
+    "react-router-dom": "^4.2.2",
     "redux": "^3.6.0"
   },
   "scripts": {
diff --git a/src/App.js b/src/App.js
index 15bddc9..29eef0e 100644
--- a/src/App.js
+++ b/src/App.js
@@ -1,10 +1,20 @@
 import React from "react";
 import TopNav from "./components/TopNav";
 import SideNav from "./components/SideNav";
+import{BrowserRouter,Route,Switch} from "react-router-dom";
+import Dashboard from "./components/Dashboard";
+import Charts from "./components/Charts";
+import Tables from "./components/Tables";
+import Settings from "./components/Settings";
+import Wall from "./components/Wall";
+import Profiles from "./components/Profiles";
+import Marquee from "./components/Marquee";
+import Profile from "./components/Profile";
 
 function App() {
   return (
-    <div> 
+    <BrowserRouter>
+    <div>
       <div id="wrapper">
         <nav className="navbar navbar-inverse navbar-fixed-top" role="navigation">
           <TopNav />
@@ -12,10 +22,20 @@ function App() {
         </nav>
         <div style={{backgroundColor: "white"}}>
           {/* PUT YOUR ROUTES HERE */}
+          <Switch>
+            <Route path="/charts" component={Charts} />
+            <Route path="/tables" component={Tables} />
+            <Route path="/settings" component={Settings} />
+            <Route path="/wall" component={Wall} />
+            <Route path="/profiles" component={Profiles} />
+            <Route path="/marquee/:text" component={Marquee} />
+            <Route path="/profile/:id" component={Profile} />
+            <Route path="/" component={Dashboard} />
+          </Switch>
         </div>
       </div>
     </div>
-
+    </BrowserRouter>
   );
 }
 
diff --git a/src/components/Charts.js b/src/components/Charts.js
new file mode 100644
index 0000000..26f03a2
--- /dev/null
+++ b/src/components/Charts.js
@@ -0,0 +1,11 @@
+import React from "react";
+
+function Charts(props) {
+  return (
+    <div className="col-lg-12">
+      <h2>This is a Charts test</h2>
+    </div>
+  );
+}
+
+export default Charts;
diff --git a/src/components/Marquee.js b/src/components/Marquee.js
index 820e8c4..1112af2 100644
--- a/src/components/Marquee.js
+++ b/src/components/Marquee.js
@@ -1,8 +1,8 @@
 import React from "react";
 
 function Marquee(props) {
-  const message = "hello";
-  return (   
+  const message = props.match.params.text;
+  return (
     <marquee>{message}</marquee>
   );
 }
diff --git a/src/components/Profile.js b/src/components/Profile.js
index c4eb646..f131ef2 100644
--- a/src/components/Profile.js
+++ b/src/components/Profile.js
@@ -2,9 +2,9 @@ import React from "react";
 import {connect} from "react-redux";
 
 function Profile(props) {
-  const userId = 0;
+  const userId = props.match.params.id;
   const user = props.users.find(u => u.id == userId) || {};
-  return (   
+  return (
     <div>
       <h3>{user.firstName} {user.lastName}</h3>
       <h4>{user.occupation}</h4>
@@ -18,4 +18,3 @@ function Profile(props) {
 export default connect(function (state) {
   return {users: state.users};
 })(Profile);
-
diff --git a/src/components/Profiles.js b/src/components/Profiles.js
index 3409812..12e0e04 100644
--- a/src/components/Profiles.js
+++ b/src/components/Profiles.js
@@ -1,15 +1,16 @@
 import React from "react";
 import {connect} from "react-redux";
+import {Link} from "react-router-dom";
 
 function Profiles(props) {
   const userDivs = props.users.map((user,i) => {
     return (
       <div key={i}>
         {user.firstName} - {user.lastName}
-        <a href="#"> View </a>
+        <Link href={"/profile/ + user.id"}> View </Link>
       </div>);
   });
-  return (   
+  return (
     <div>{userDivs}</div>
   );
 }
@@ -17,5 +18,3 @@ function Profiles(props) {
 export default connect(function (state) {
   return {users: state.users};
 })(Profiles);
-
-
diff --git a/src/components/Settings.js b/src/components/Settings.js
new file mode 100644
index 0000000..2e03089
--- /dev/null
+++ b/src/components/Settings.js
@@ -0,0 +1,11 @@
+import React from "react";
+
+function Settings(props) {
+  return (
+    <div className="col-lg-12">
+      <h2>This is a Settings test</h2>
+    </div>
+  );
+}
+
+export default Settings;
diff --git a/src/components/SideNav.js b/src/components/SideNav.js
index 9caaf7c..e38f827 100644
--- a/src/components/SideNav.js
+++ b/src/components/SideNav.js
@@ -1,29 +1,65 @@
 import React from "react";
-// import {Link} from "react-router-dom";
+import {Link} from "react-router-dom";
 
 function SideNav() {
   return (
     <div className="collapse navbar-collapse navbar-ex1-collapse">
       <ul className="nav navbar-nav side-nav">
         <li className="active">
-          {/*
+          {
+            /*
           <Link to="/"> <i className="fa fa-fw fa-dashboard" />
-            Dashboard 
+            Dashboard
           </Link>
           */}
         </li>
         <li>
-          <a href="charts.html">
-            <i className="fa fa-fw fa-bar-chart-o" /> Charts
-          </a>
+          <Link to="/charts"> <i className="fa fa-fw fa-dashboard" />
+            Charts
+          </Link>
+        </li>
+        <li>
+          <Link to="/tables"> <i className="fa fa-fw fa-dashboard" />
+            Tables
+          </Link>
+        </li>
+        <li>
+          <Link to="/settings"> <i className="fa fa-fw fa-dashboard" />
+            Settings
+          </Link>
+        </li>
+        <li>
+          <Link to="/wall"> <i className="fa fa-fw fa-dashboard" />
+            Wall
+          </Link>
         </li>
         <li>
-          <a href="tables.html">
-            <i className="fa fa-fw fa-table" /> Tables
-          </a>
+          <Link to="/profiles"> <i className="fa fa-fw fa-dashboard" />
+            Profiles
+          </Link>
+        </li>
+        <li>
+          <Link to="/marquee"> <i className="fa fa-fw fa-dashboard" />
+            Marquee
+          </Link>
+        </li>
+        <li>
+          <Link to="/marquee/iloveroutes"> <i className="fa fa-fw fa-dashboard" />
+            Marquee
+          </Link>
+        </li>
+        <li>
+          <Link to="/marquee/reactrouterrules"> <i className="fa fa-fw fa-dashboard" />
+            Marquee
+          </Link>
+        </li>
+        <li>
+          <Link to="/marquee/sausagerulesthewaves"> <i className="fa fa-fw fa-dashboard" />
+            Marquee
+          </Link>
         </li>
       </ul>
-    </div>);  
+    </div>);
 }
 
 export default SideNav;
diff --git a/src/components/Tables.js b/src/components/Tables.js
new file mode 100644
index 0000000..26cf2f7
--- /dev/null
+++ b/src/components/Tables.js
@@ -0,0 +1,11 @@
+import React from "react";
+
+function Tables(props) {
+  return (
+    <div className="col-lg-12">
+      <h2>This is a Tables test</h2>
+    </div>
+  );
+}
+
+export default Tables;
diff --git a/src/components/Wall.js b/src/components/Wall.js
new file mode 100644
index 0000000..136b1e6
--- /dev/null
+++ b/src/components/Wall.js
@@ -0,0 +1,11 @@
+import React from "react";
+
+function Wall(props) {
+  return (
+    <div className="col-lg-12">
+      <h2>This is a Wall test</h2>
+    </div>
+  );
+}
+
+export default Wall;
diff --git a/src/routes/Dashboard.js b/src/routes/Dashboard.js
new file mode 100644
index 0000000..e69de29
diff --git a/yarn.lock b/yarn.lock
index d0671b2..33ca8a0 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2606,24 +2606,28 @@ he@1.1.x:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/he/-/he-1.1.0.tgz#29319d49beec13a9b1f3c4f9b2a6dde4859bb2a7"
 
-history@^4.5.1, history@^4.6.0:
-  version "4.6.1"
-  resolved "https://registry.yarnpkg.com/history/-/history-4.6.1.tgz#911cf8eb65728555a94f2b12780a0c531a14d2fd"
+history@^4.7.2:
+  version "4.7.2"
+  resolved "https://registry.yarnpkg.com/history/-/history-4.7.2.tgz#22b5c7f31633c5b8021c7f4a8a954ac139ee8d5b"
   dependencies:
     invariant "^2.2.1"
     loose-envify "^1.2.0"
-    resolve-pathname "^2.0.0"
-    value-equal "^0.2.0"
+    resolve-pathname "^2.2.0"
+    value-equal "^0.4.0"
     warning "^3.0.0"
 
 hoek@2.x.x:
   version "2.16.3"
   resolved "https://registry.yarnpkg.com/hoek/-/hoek-2.16.3.tgz#20bb7403d3cea398e91dc4710a8ff1b8274a25ed"
 
-hoist-non-react-statics@^1.0.3, hoist-non-react-statics@^1.2.0:
+hoist-non-react-statics@^1.0.3:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/hoist-non-react-statics/-/hoist-non-react-statics-1.2.0.tgz#aa448cf0986d55cc40773b17174b7dd066cb7cfb"
 
+hoist-non-react-statics@^2.3.0:
+  version "2.3.1"
+  resolved "https://registry.yarnpkg.com/hoist-non-react-statics/-/hoist-non-react-statics-2.3.1.tgz#343db84c6018c650778898240135a1420ee22ce0"
+
 home-or-tmp@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/home-or-tmp/-/home-or-tmp-2.0.0.tgz#e36c3f2d2cae7d746a857e38d18d5f32a7882db8"
@@ -4194,7 +4198,7 @@ path-to-regexp@0.1.7:
   version "0.1.7"
   resolved "https://registry.yarnpkg.com/path-to-regexp/-/path-to-regexp-0.1.7.tgz#df604178005f522f15eb4490e7247a1bfaa67f8c"
 
-path-to-regexp@^1.5.3:
+path-to-regexp@^1.7.0:
   version "1.7.0"
   resolved "https://registry.yarnpkg.com/path-to-regexp/-/path-to-regexp-1.7.0.tgz#59fde0f435badacba103a84e9d3bc64e96b9937d"
   dependencies:
@@ -4678,24 +4682,26 @@ react-redux@^5.0.4:
     loose-envify "^1.1.0"
     prop-types "^15.0.0"
 
-react-router-dom@^4.1.1:
-  version "4.1.1"
-  resolved "https://registry.yarnpkg.com/react-router-dom/-/react-router-dom-4.1.1.tgz#3021ade1f2c160af97cf94e25594c5f294583025"
+react-router-dom@^4.2.2:
+  version "4.2.2"
+  resolved "https://registry.yarnpkg.com/react-router-dom/-/react-router-dom-4.2.2.tgz#c8a81df3adc58bba8a76782e946cbd4eae649b8d"
   dependencies:
-    history "^4.5.1"
+    history "^4.7.2"
+    invariant "^2.2.2"
     loose-envify "^1.3.1"
     prop-types "^15.5.4"
-    react-router "^4.1.1"
+    react-router "^4.2.0"
+    warning "^3.0.0"
 
-react-router@^4.1.1:
-  version "4.1.1"
-  resolved "https://registry.yarnpkg.com/react-router/-/react-router-4.1.1.tgz#d448f3b7c1b429a6fbb03395099949c606b1fe95"
+react-router@^4.2.0:
+  version "4.2.0"
+  resolved "https://registry.yarnpkg.com/react-router/-/react-router-4.2.0.tgz#61f7b3e3770daeb24062dae3eedef1b054155986"
   dependencies:
-    history "^4.6.0"
-    hoist-non-react-statics "^1.2.0"
+    history "^4.7.2"
+    hoist-non-react-statics "^2.3.0"
     invariant "^2.2.2"
     loose-envify "^1.3.1"
-    path-to-regexp "^1.5.3"
+    path-to-regexp "^1.7.0"
     prop-types "^15.5.4"
     warning "^3.0.0"
 
@@ -5021,9 +5027,9 @@ resolve-from@^1.0.0:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/resolve-from/-/resolve-from-1.0.1.tgz#26cbfe935d1aeeeabb29bc3fe5aeb01e93d44226"
 
-resolve-pathname@^2.0.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/resolve-pathname/-/resolve-pathname-2.1.0.tgz#e8358801b86b83b17560d4e3c382d7aef2100944"
+resolve-pathname@^2.2.0:
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/resolve-pathname/-/resolve-pathname-2.2.0.tgz#7e9ae21ed815fd63ab189adeee64dc831eefa879"
 
 resolve@1.1.7, resolve@1.1.x:
   version "1.1.7"
@@ -5685,9 +5691,9 @@ validate-npm-package-license@^3.0.1:
     spdx-correct "~1.0.0"
     spdx-expression-parse "~1.0.0"
 
-value-equal@^0.2.0:
-  version "0.2.1"
-  resolved "https://registry.yarnpkg.com/value-equal/-/value-equal-0.2.1.tgz#c220a304361fce6994dbbedaa3c7e1a1b895871d"
+value-equal@^0.4.0:
+  version "0.4.0"
+  resolved "https://registry.yarnpkg.com/value-equal/-/value-equal-0.4.0.tgz#c5bdd2f54ee093c04839d71ce2e4758a6890abc7"
 
 vary@^1, vary@~1.1.0:
   version "1.1.0"