--- a
+++ b/client/src/App.jsx
@@ -0,0 +1,22 @@
+import Header from "./components/Header";
+import Nav from "./components/Nav";
+import Dashboard from "./components/Dashboard";
+import SelectedContext from "./Contexts";
+import { useState } from "react";
+
+function App() {
+    const [selected, setSelected] = useState(1);
+    return (
+        <SelectedContext.Provider value={{selected, setSelected}}>
+        <div>
+            <Header />
+            <div className="flex">
+                <Nav />
+                <Dashboard />
+            </div>
+        </div>
+        </SelectedContext.Provider>
+    );
+}
+
+export default App;