diff --git a/README.md b/README.md
index a3c7080..a378170 100644
--- a/README.md
+++ b/README.md
@@ -28,6 +28,7 @@ The Surfrider team consists of 15 Cal Poly students. Over the course of about 9
 - [Edrick Wong](https://www.linkedin.com/) - Designer
 - [Nickaan Jahadi](https://www.linkedin.com/in/nickaanjahadi2410/) - Software Developer
 - [Ivan Torriani](https://www.linkedin.com/in/ivan-torriani-3b875a331/) - Software Developer
+- [Isha Varrier](https://www.linkedin.com/in/isha-varrier/) - Software Developer
 - [Shayan Daijavad](https://www.linkedin.com/in/shayan-daijavad-20b21a209/) - Software Developer
 
 ## Getting Started And Contributing
diff --git a/src/app/ishavarrier/page.tsx b/src/app/ishavarrier/page.tsx
new file mode 100644
index 0000000..6f1c63d
--- /dev/null
+++ b/src/app/ishavarrier/page.tsx
@@ -0,0 +1,17 @@
+"use client";
+import React, { useState } from "react";
+import { Button } from "@/components/ui/button";
+
+export default function IshaVarrier() {
+  const [count, setCount] = useState(0);
+  const handleClick = () => {
+    setCount(count + 1);
+  };
+
+  return (
+    <div className="flex flex-col items-center justify-center h-screen">
+      <h1>Count Value: {count}</h1>
+      <Button onClick={handleClick}>Click to Increment Count</Button>
+    </div>
+  );
+}
diff --git a/test/app/ishavarrier/page.test.tsx b/test/app/ishavarrier/page.test.tsx
new file mode 100644
index 0000000..b303eb5
--- /dev/null
+++ b/test/app/ishavarrier/page.test.tsx
@@ -0,0 +1,31 @@
+/** @jest-environment jsdom */
+import IshaVarrier from "@/app/ishavarrier/page";
+import "@testing-library/jest-dom";
+import { render, screen } from "@testing-library/react";
+import { fireEvent } from "@testing-library/react";
+
+describe("Button Component", () => {
+  it("should render the button component", () => {
+    render(<IshaVarrier />);
+
+    const button = screen.getByRole("button");
+    expect(button).toHaveTextContent("Click to Increment Count");
+  });
+
+  it("should render the heading component to display count", () => {
+    render(<IshaVarrier />);
+
+    expect(screen.getByText("Count Value: 0")).toBeInTheDocument();
+  });
+
+  it("should increment the count when button is clicked", () => {
+    render(<IshaVarrier />);
+
+    const button = screen.getByRole("button");
+    fireEvent.click(button);
+    fireEvent.click(button);
+    fireEvent.click(button);
+
+    expect(screen.getByText("Count Value: 3")).toBeInTheDocument();
+  });
+});