filling out applicaiton views

src/ApplicationViews.js

@@ -0,0 +1,17 @@
+import React from "react";
+import { Route } from "react-router-dom";
+
+const ApplicationViews = () => {
+    
+    return (
+
+    <main>
+        <Route>
+            <NavBar />
+        </Route>
+        <Route>
+            <Home />
+        </Route>
+    </main>
+    )
+}

src/JMR_Dev_Site.js

@@ -1,9 +1,15 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
-import App from './App';
 import reportWebVitals from './reportWebVitals';
-import { Router } from 'react-router-dom';
+import { Router, Route } from 'react-router-dom';
 
 const JMR_Dev_site = () => {
-    
+    return(
+        <>
+           <Route>
+               <NavBar />
+               <ApplicationViews />
+           </Route>
+           </>
+           )
 }

src/index.js

@@ -1,14 +1,13 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 import './index.css';
-import App from './App';
 import reportWebVitals from './reportWebVitals';
 import { Router } from 'react-router-dom';
 
 const root = ReactDOM.createRoot(document.getElementById('root'));
 root.render(
   <React.StrictMode>
-    <App />
+    <JMR_Dev_Site />
   </React.StrictMode>
 );