diff --git a/.husky/pre-commit b/.husky/pre-commit
index a94e353..ae7b5b5 100644
--- a/.husky/pre-commit
+++ b/.husky/pre-commit
@@ -1,3 +1,4 @@
 cd compass
 npm run lint
-npm run prettier
\ No newline at end of file
+npm run prettier
+git add .
\ No newline at end of file
diff --git a/compass/app/api/health/route.ts b/compass/app/api/health/route.ts
index d5f889a..0ada99f 100644
--- a/compass/app/api/health/route.ts
+++ b/compass/app/api/health/route.ts
@@ -1,9 +1,10 @@
 import { NextResponse } from "next/server";
 
-interface ResponseData {
-  message: string;
-}
-
 export async function GET() {
-  return NextResponse.json({ message: "Hello World!" }, { status: 200 });
+    const apiEndpoint = `${process.env.NEXT_PUBLIC_API_HOST}/api/health`;
+    console.log(apiEndpoint);
+
+    const result = await fetch(apiEndpoint);
+
+    return NextResponse.json(await result.json(), { status: result.status });
 }
diff --git a/compass/app/api/resource/route.ts b/compass/app/api/resource/route.ts
new file mode 100644
index 0000000..771f369
--- /dev/null
+++ b/compass/app/api/resource/route.ts
@@ -0,0 +1,5 @@
+import { NextResponse } from "next/server";
+
+export async function GET() {
+    return NextResponse.json({ message: "Hello World!" }, { status: 200 });
+}
diff --git a/compass/app/api/route.ts b/compass/app/api/route.ts
new file mode 100644
index 0000000..771f369
--- /dev/null
+++ b/compass/app/api/route.ts
@@ -0,0 +1,5 @@
+import { NextResponse } from "next/server";
+
+export async function GET() {
+    return NextResponse.json({ message: "Hello World!" }, { status: 200 });
+}
diff --git a/compass/app/api/service/route.ts b/compass/app/api/service/route.ts
new file mode 100644
index 0000000..771f369
--- /dev/null
+++ b/compass/app/api/service/route.ts
@@ -0,0 +1,5 @@
+import { NextResponse } from "next/server";
+
+export async function GET() {
+    return NextResponse.json({ message: "Hello World!" }, { status: 200 });
+}
diff --git a/compass/app/api/user/route.ts b/compass/app/api/user/route.ts
new file mode 100644
index 0000000..771f369
--- /dev/null
+++ b/compass/app/api/user/route.ts
@@ -0,0 +1,5 @@
+import { NextResponse } from "next/server";
+
+export async function GET() {
+    return NextResponse.json({ message: "Hello World!" }, { status: 200 });
+}
diff --git a/compass/app/page.tsx b/compass/app/page.tsx
index fc8d76a..466ea29 100644
--- a/compass/app/page.tsx
+++ b/compass/app/page.tsx
@@ -18,11 +18,20 @@ export default function Page() {
     const [password, setPassword] = useState("");
     const [error, setError] = useState("");
 
-    const testFetch = () => {
-        const result = fetch("/api/health");
-        console.log(result);
+    const testFetch = async () => {
+        const apiEndpoint = `${process.env.NEXT_PUBLIC_HOST}/api/health`;
+
+        const result = await fetch(apiEndpoint);
+
+        if (result.status != 200) {
+            console.log(`Error has occurred when accessing ${apiEndpoint}`);
+        }
+
+        console.log(await result.json());
     };
 
+    testFetch();
+
     const handleEmailChange = (event: React.ChangeEvent<HTMLInputElement>) => {
         setEmail(event.currentTarget.value);
         console.log("email " + email);
diff --git a/compass/next.config.js b/compass/next.config.js
index 34bcd12..94ce09f 100644
--- a/compass/next.config.js
+++ b/compass/next.config.js
@@ -4,8 +4,8 @@ const nextConfig = {
         domains: ["notioly.com"],
     },
     experimental: {
-        serverActions: true
-    }
+        serverActions: true,
+    },
 };
 
 module.exports = nextConfig;