+ {/* Search and Filter Bar */}
+
);
-}
\ No newline at end of file
+}
diff --git a/src/app/api/auth/login/route.ts b/src/app/api/auth/login/route.ts
new file mode 100644
index 0000000..06e7ce6
--- /dev/null
+++ b/src/app/api/auth/login/route.ts
@@ -0,0 +1,74 @@
+import { NextRequest, NextResponse } from "next/server";
+import crypto from "crypto";
+
+// Mock user database - in production, use a real database
+const mockUsers = [
+ {
+ id: "1", email: "demo@pawshome.com", passwordHash: hashPassword("password123"),
+ name: "Demo User"},
+];
+
+function hashPassword(password: string): string {
+ return crypto.createHash("sha256").update(password).digest("hex");
+}
+
+function verifyPassword(password: string, hash: string): boolean {
+ return hashPassword(password) === hash;
+}
+
+function generateToken(): string {
+ return crypto.randomBytes(32).toString("hex");
+}
+
+export async function POST(request: NextRequest) {
+ try {
+ const body = await request.json();
+ const { email, password } = body;
+
+ if (!email || !password) {
+ return NextResponse.json(
+ { message: "Email and password are required" },
+ { status: 400 }
+ );
+ }
+
+ // Find user
+ const user = mockUsers.find((u) => u.email === email);
+ if (!user) {
+ return NextResponse.json(
+ { message: "Invalid email or password" },
+ { status: 401 }
+ );
+ }
+
+ // Verify password
+ if (!verifyPassword(password, user.passwordHash)) {
+ return NextResponse.json(
+ { message: "Invalid email or password" },
+ { status: 401 }
+ );
+ }
+
+ // Generate token
+ const token = generateToken();
+
+ // Return success response
+ return NextResponse.json(
+ {
+ token,
+ user: {
+ id: user.id,
+ email: user.email,
+ name: user.name,
+ },
+ },
+ { status: 200 }
+ );
+ } catch (error) {
+ console.error("Login error:", error);
+ return NextResponse.json(
+ { message: "Internal server error" },
+ { status: 500 }
+ );
+ }
+}
diff --git a/src/app/api/auth/logout/route.ts b/src/app/api/auth/logout/route.ts
new file mode 100644
index 0000000..020e907
--- /dev/null
+++ b/src/app/api/auth/logout/route.ts
@@ -0,0 +1,24 @@
+import { NextRequest, NextResponse } from "next/server";
+
+export async function POST(request: NextRequest) {
+ try {
+ // Clear authentication token on client side via response
+ const response = NextResponse.json(
+ { message: "Logged out successfully" },
+ { status: 200 }
+ );
+
+ // Set cookie to expire if using cookies for auth
+ response.cookies.set({
+ name: "authToken", value: "", maxAge: 0,
+ path: "/"});
+
+ return response;
+ } catch (error) {
+ console.error("Logout error:", error);
+ return NextResponse.json(
+ { message: "Internal server error" },
+ { status: 500 }
+ );
+ }
+}
diff --git a/src/app/api/auth/session/route.ts b/src/app/api/auth/session/route.ts
new file mode 100644
index 0000000..a2bcdbd
--- /dev/null
+++ b/src/app/api/auth/session/route.ts
@@ -0,0 +1,39 @@
+import { NextRequest, NextResponse } from "next/server";
+
+export async function GET(request: NextRequest) {
+ try {
+ const token = request.headers.get("Authorization")?.replace("Bearer ", "");
+
+ if (!token) {
+ return NextResponse.json(
+ { message: "No token provided" },
+ { status: 401 }
+ );
+ }
+
+ // In production, verify token against database/cache
+ // For this mock, we'll validate basic structure
+ if (token.length !== 64) {
+ return NextResponse.json(
+ { message: "Invalid token" },
+ { status: 401 }
+ );
+ }
+
+ // Return mock session data
+ return NextResponse.json(
+ {
+ user: {
+ id: "1", email: "demo@pawshome.com", name: "Demo User"},
+ isAuthenticated: true,
+ },
+ { status: 200 }
+ );
+ } catch (error) {
+ console.error("Session error:", error);
+ return NextResponse.json(
+ { message: "Internal server error" },
+ { status: 500 }
+ );
+ }
+}
diff --git a/src/app/dashboard/page.tsx b/src/app/dashboard/page.tsx
new file mode 100644
index 0000000..5f2adea
--- /dev/null
+++ b/src/app/dashboard/page.tsx
@@ -0,0 +1,257 @@
+"use client";
+
+import { useEffect, useState } from "react";
+import { useRouter } from "next/navigation";
+import Link from "next/link";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
+import { LogOut, Heart, Settings } from "lucide-react";
+
+interface User {
+ id: string;
+ email: string;
+ name: string;
+}
+
+export default function DashboardPage() {
+ const router = useRouter();
+ const [user, setUser] = useState
+ {/* Search Input */}
+
+
-
-
+
+ {/* Results Count */}
+
+ {/* Species Filter */}
+
+ )}
+
+
+
+
+
+ {/* Size Filter */}
+
+
+
+
+
+
+
+ {/* Animals Grid */}
+ {filteredAnimals.length > 0 ? (
+ + Showing {filteredAnimals.length} of {animalsDatabase.length} animals +
+
+ {filteredAnimals.map((animal) => (
+
+ ) : (
+
+ {/* Image */}
+
+ ))}
+
+ 
+
+
+ {/* Content */}
+
+ {animal.adoptionFee}
+
+
+
+ + {animal.name} +
++ {animal.breed} • {animal.age} +
+ + {/* Info Grid */} +
+
+
+ {/* Description */}
+
+ Gender:
+
+ {animal.gender}
+
+ Size:
+
+ {animal.size}
++ {animal.description} +
+ + {/* Temperament */} +
+
+
+ {/* Health Status */}
+ + TEMPERAMENT +
+
+ {animal.temperament.map((trait) => (
+
+ {trait}
+
+ ))}
+
+ + ✓ {animal.healthStatus} +
+ + {/* CTA */} + +
+
+ )}
+ No animals found matching your criteria.
+ +
+
+
+
+
+ Loading...
+
+
+ Redirecting...
+
+
+
+ {/* Header */}
+
+
+
+
+ {/* Dashboard Grid */}
+
+
+
+ + Welcome, {user.name}! +
+Manage your PawsHome account
+
+ {/* Profile Card */}
+
+
+
+
+ {/* Favorites Card */}
+
+
+
+
+ Profile
+
+
+
+
+
+ {user.name}
+
+
+
+
+ Edit Profile
+
+ {user.email}
+
+
+
+ {/* Adoptions Card */}
+
+
+
+
+ Favorites
++ View and manage your favorite animals +
+ + View Favorites + +
+
+
+ {/* Settings Card */}
+
+
+
+
+ My Adoptions
++ Track your adoption applications and status +
+ + View Adoptions + +
+
+
+
+
+
+ Settings
++ Manage your account preferences and notifications +
+ + Go to Settings + +