diff --git a/src/App.tsx b/src/App.tsx
index 8a0b0ee..8d3cdec 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -2,11 +2,32 @@ import * as React from 'react';
 import logo from './logo.svg';
 import './App.css';
 import Form from "./components/manifest/Form";
+import ShowDeploymentManifest from "./components/manifest/ShowDeploymentManifest";
+import {Route} from 'react-router';
+import {BrowserRouter as Router} from 'react-router-dom';
+import {Security, LoginCallback, SecureRoute} from '@okta/okta-react';
+
+const config = {
+    issuer: 'https://navi-2020.okta.com',
+    redirectUri: window.location.origin+'/implicit/callback',
+    responseType: 'id_token',
+    scope: 'openid groups',
+    clientId: "0oaa0a9up1F7lQc5A4x6",
+};
 
 function App() {
   return (
     <div>
-      <Form/>
+        <Router>
+            <Security {...config}>
+                <Route path="/manifest/create" exact>
+                    <Form/>
+                </Route>
+                <Route path={"/manifest/read"} exact>
+                    <ShowDeploymentManifest/>
+                </Route>
+            </Security>
+        </Router>
     </div>
   );
 }