diff --git a/frontend/src/app/projects/[projectSlug]/loading.tsx b/frontend/src/app/projects/[projectSlug]/loading.tsx
new file mode 100644
index 0000000..6696311
--- /dev/null
+++ b/frontend/src/app/projects/[projectSlug]/loading.tsx
@@ -0,0 +1,13 @@
+import React from "react";
+
+// Assuming the correct import path for the Skeleton component
+import { Skeleton } from "@/components/ui/skeleton";
+
+export default function Loading() {
+    return (
+        <div className="flex w-full origin-center flex-col justify-center gap-4">
+            <Skeleton className="h-24 w-1/3 self-center" />
+            <Skeleton className="h-96 w-2/3 self-center" />
+        </div>
+    );
+}