diff --git a/.gitignore b/.gitignore
index b45fcb9..b0482ff 100644
--- a/.gitignore
+++ b/.gitignore
@@ -36,4 +36,7 @@ yarn-error.log*
 next-env.d.ts
 
 # vscode
-.vscode
\ No newline at end of file
+.vscode
+
+# pnpm-lock
+pnpm-lock.yaml
\ No newline at end of file
diff --git a/app/dashboard/page.tsx b/app/dashboard/page.tsx
index 5e2f781..aa498ab 100644
--- a/app/dashboard/page.tsx
+++ b/app/dashboard/page.tsx
@@ -1,11 +1,29 @@
-// app/dashboard.tsx
+"use client";
+
 import React from "react";
 
 const Dashboard: React.FC = () => {
   return (
-    <div>
-      <h2>Dashboard</h2>
-      <p>The page after login</p>
+    <div className="flex h-screen">
+      {/* Left Tool Bar */}
+      <aside className="w-1/8 bg-gray-800 text-white p-6">
+        <h2 className="text-xl font-semibold mb-6">AuditVisualizer</h2>
+        <ul className="space-y-4">
+          <li className="hover:bg-gray-700 p-2 rounded">Main</li>
+          <li className="hover:bg-gray-700 p-2 rounded">Func_1</li>
+          <li className="hover:bg-gray-700 p-2 rounded">Func_2</li>
+          <li className="hover:bg-gray-700 p-2 rounded">Setting</li>
+        </ul>
+      </aside>
+
+      {/* Main Work Space */}
+      <main className="flex-1 bg-gray-100 p-8">
+        <h1 className="text-3xl font-bold mb-6">Dashboard</h1>
+        <div className="bg-white shadow-md rounded-lg p-6">
+          <p>TODO</p>
+          {/* Add more Stuff here*/}
+        </div>
+      </main>
     </div>
   );
 };