diff --git a/dashboard/src/states/Dashboard/Dashboard.jsx b/dashboard/src/states/Dashboard/Dashboard.jsx
new file mode 100644
index 0000000..d4044ee
--- /dev/null
+++ b/dashboard/src/states/Dashboard/Dashboard.jsx
@@ -0,0 +1,23 @@
+import {Box, Toolbar} from "@mui/material";
+import {Outlet} from "react-router-dom";
+import Header from "@/states/Dashboard/components/Header";
+import Sidebar from "@/states/Dashboard/components/Sidebar";
+import {useState} from "react";
+import {ProjectProvider} from "@/states/Dashboard/contexts/Project";
+
+export const Dashboard = () => {
+    const [mobileOpen, setMobileOpen] = useState(false);
+
+    return (
+        <ProjectProvider>
+            <Box sx={{display: "flex", overflow: "hidden"}}>
+                <Header mobileOpen={mobileOpen} toggleOpen={() => setMobileOpen(current => !current)} />
+                <Sidebar mobileOpen={mobileOpen} toggleOpen={() => setMobileOpen(current => !current)} />
+                <Box component="main" sx={{ flexGrow: 1, p: 3, ml: { sm: "260px"} }}>
+                    <Toolbar/>
+                    <Outlet />
+                </Box>
+            </Box>
+        </ProjectProvider>
+    )
+}
\ No newline at end of file
diff --git a/dashboard/src/states/Dashboard/index.js b/dashboard/src/states/Dashboard/index.js
new file mode 100644
index 0000000..b8642cd
--- /dev/null
+++ b/dashboard/src/states/Dashboard/index.js
@@ -0,0 +1 @@
+export {Dashboard as default} from "./Dashboard.jsx";
\ No newline at end of file