UI Base

src/routes/HomeRoute.js

@@ -1,4 +1,6 @@
 import React, { Component } from "react";
+import NavBar from "../components/NavBar";
+import HomeComponent from "../components/HomeComponent";
 import "../assets/stylesheets/app.scss";
 
 export default class HomeRoute extends Component {
@@ -9,9 +11,10 @@ export default class HomeRoute extends Component {
 
   render() {
     return (
-      <div>
-        
+      <div className="container">
+        <NavBar />
+        <HomeComponent />
       </div>
     );
   }
-}
+}

src/routes/SearchRoute.js

@@ -0,0 +1,18 @@
+import React, { Component } from "react";
+import NavBar from "../components/NavBar";
+import "../assets/stylesheets/app.scss";
+
+export default class SearchRoute extends Component {
+  constructor(props) {
+    super(props);
+    document.title = "ITR - Search";
+  }
+
+  render() {
+    return (
+      <div className="container">
+        <NavBar />
+      </div>
+    );
+  }
+}

src/routes/SettingsRoute.js

@@ -0,0 +1,18 @@
+import React, { Component } from "react";
+import NavBar from "../components/NavBar";
+import "../assets/stylesheets/app.scss";
+
+export default class SettingsRoute extends Component {
+  constructor(props) {
+    super(props);
+    document.title = "ITR - Settings";
+  }
+
+  render() {
+    return (
+      <div className="container">
+        <NavBar />
+      </div>
+    );
+  }
+}