diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
index f02a0eba..a860f91c 100644
--- a/frontend/src/App.tsx
+++ b/frontend/src/App.tsx
@@ -1,9 +1,9 @@
-import { useState } from 'react'
+import {JSX, useState} from 'react'
 import reactLogo from './assets/react.svg'
 import viteLogo from '/vite.svg'
 import './App.css'
 
-function App() {
+function App(): JSX.Element {
   const [count, setCount] = useState(0)
 
   return (
diff --git a/frontend/src/assets/icons/.keep b/frontend/src/assets/icons/.keep
new file mode 100644
index 00000000..e69de29b
diff --git a/frontend/src/assets/images/.keep b/frontend/src/assets/images/.keep
new file mode 100644
index 00000000..e69de29b
diff --git a/frontend/src/assets/styles/.keep b/frontend/src/assets/styles/.keep
new file mode 100644
index 00000000..e69de29b
diff --git a/frontend/src/components/ProjectCard.tsx b/frontend/src/components/ProjectCard.tsx
new file mode 100644
index 00000000..57a70230
--- /dev/null
+++ b/frontend/src/components/ProjectCard.tsx
@@ -0,0 +1,7 @@
+import {JSX} from "react";
+
+export function ProjectCard(): JSX.Element {
+    return (
+        <>Project - Subject</>
+    )
+}
\ No newline at end of file
diff --git a/frontend/src/hooks/.keep b/frontend/src/hooks/.keep
new file mode 100644
index 00000000..e69de29b
diff --git a/frontend/src/pages/admin/HomeAdmin.tsx b/frontend/src/pages/admin/HomeAdmin.tsx
new file mode 100644
index 00000000..bc8e262e
--- /dev/null
+++ b/frontend/src/pages/admin/HomeAdmin.tsx
@@ -0,0 +1,7 @@
+import {JSX} from "react";
+
+export function HomeAdmin(): JSX.Element {
+    return (
+        <>Homescreen for an admin</>
+    )
+}
\ No newline at end of file
diff --git a/frontend/src/pages/login/LoginScreen.tsx b/frontend/src/pages/login/LoginScreen.tsx
new file mode 100644
index 00000000..cb2d874d
--- /dev/null
+++ b/frontend/src/pages/login/LoginScreen.tsx
@@ -0,0 +1,7 @@
+import {JSX} from "react";
+
+export function LoginScreen(): JSX.Element {
+    return (
+        <>Login screen</>
+    )
+}
\ No newline at end of file
diff --git a/frontend/src/pages/student/HomeStudent.tsx b/frontend/src/pages/student/HomeStudent.tsx
new file mode 100644
index 00000000..e83c8057
--- /dev/null
+++ b/frontend/src/pages/student/HomeStudent.tsx
@@ -0,0 +1,7 @@
+import {JSX} from "react";
+
+export function HomeStudent(): JSX.Element {
+    return (
+        <>Homescreen for a student</>
+    )
+}
\ No newline at end of file
diff --git a/frontend/src/pages/teacher/HomeTeacher.tsx b/frontend/src/pages/teacher/HomeTeacher.tsx
new file mode 100644
index 00000000..b6f01b7c
--- /dev/null
+++ b/frontend/src/pages/teacher/HomeTeacher.tsx
@@ -0,0 +1,7 @@
+import {JSX} from "react";
+
+export function HomeTeacher(): JSX.Element {
+    return (
+        <>Homescreen for a teacher</>
+    )
+}
\ No newline at end of file
diff --git a/frontend/src/utils/.keep b/frontend/src/utils/.keep
new file mode 100644
index 00000000..e69de29b