diff --git a/src/routes/account/[_id].svelte b/src/routes/account/[_id].svelte
index ce2dbd2..28f22ed 100644
--- a/src/routes/account/[_id].svelte
+++ b/src/routes/account/[_id].svelte
@@ -21,7 +21,7 @@
 
 <script>
   export let accountData;
-  // console.log("client _id", accountData);
+  console.log("client _id", accountData);
 
   $: projects = accountData.projects;
 
@@ -42,7 +42,7 @@
       <li>
         <a
           class="hover:underline text-blue-500"
-          href="project/{project._id}"
+          href="project/{accountData._id}/{project._id}"
           rel="prefetch"
           id={project._id}>
           {project.projectName}
diff --git a/src/routes/project/[...slug].svelte b/src/routes/project/[...slug].svelte
new file mode 100644
index 0000000..5e4fdec
--- /dev/null
+++ b/src/routes/project/[...slug].svelte
@@ -0,0 +1,21 @@
+<script context="module">
+  export async function preload({ params }) {
+    console.log("params in project", { params });
+    let [account, project] = params.slug;
+
+    return { account, project };
+  }
+</script>
+
+<script>
+  export let account, project;
+</script>
+
+<!-- src/routes/blog/[...slug].svelte -->
+<svelte:head>
+  <title>Individual project</title>
+</svelte:head>
+<h1>Individual project</h1>
+
+<p>account id => {account}</p>
+<p>project id => {project}</p>