diff --git a/src/organisms/dashboard/project-card/index.tsx b/src/organisms/dashboard/project-card/index.tsx
index 3b18499..84fc9d0 100644
--- a/src/organisms/dashboard/project-card/index.tsx
+++ b/src/organisms/dashboard/project-card/index.tsx
@@ -1,3 +1,4 @@
+import { useNavigate } from "react-router-dom";
 import {
   Button,
   Card,
@@ -8,8 +9,13 @@ import {
   CardTitle,
   Label,
 } from "../../../atoms";
+import { useCallback } from "react";
 
 function ProjectCard() {
+  const navigate = useNavigate();
+
+  const handleViewAll = useCallback(() => {}, []);
+
   return (
     <Card className="w-full">
       <CardHeader>
@@ -33,7 +39,7 @@ function ProjectCard() {
         </form>
       </CardContent>
       <CardFooter className="flex justify-between">
-        <Button>View All</Button>
+        <Button onClick={handleViewAll}>View All</Button>
       </CardFooter>
     </Card>
   );