Updated the Home.jsx

src/states/Dashboard/pages/Home/Home.jsx

@@ -1,7 +1,24 @@
+import {Stack, Typography} from "@mui/material";
+import {useContext} from "react";
+import {UserContext} from "@contexts/User";
+import {ProjectContext} from "@/states/Dashboard/contexts/Project";
+import ProjectBox from "./components/ProjectBox";
+
 export const Home = () => {
+
+    const {user} = useContext(UserContext);
+    const {projects} = useContext(ProjectContext);
+
     return (
-        <div>
+        <Stack gap={2}>
-            <h2>Test</h2>
+            <Typography variant="h2" fontWeight="bold">Startseite</Typography>
-        </div>
+            <Typography variant="h5">Willkommen zurück, <Typography variant="span"
+                                                                    color="primary">{user.username}</Typography>.</Typography>
+
+            <Typography variant="h4" fontWeight="bold" mt={3}>Deine Projekte:</Typography>
+            <Stack direction="row" spacing={2}>
+                {projects.map((project, index) => <ProjectBox project={project} key={index}/>)}
+            </Stack>
+        </Stack>
     )
 }