a cop asked me what's my name and dont lie

.gitignore

@@ -42,3 +42,4 @@ next-env.d.ts
 /.idea/*
 /.idea/
 /src/dev/
+/backend/

next.config.ts

@@ -2,9 +2,10 @@ import type { NextConfig } from "next";
 
 const nextConfig: NextConfig = {
   /* config options here */
-  reactStrictMode: true,
+  reactStrictMode: true
 };
 
+
 module.exports = {
 	images: {
 		remotePatterns: [

package.json

@@ -11,21 +11,23 @@
   },
   "dependencies": {
     "clsx": "^2.1.1",
-    "next": "15.5.7",
+    "next": "^16.1.1",
+    "next-auth": "^4.24.13",
     "react": "19.2.0",
     "react-dom": "19.2.0",
     "react-icons": "^5.5.0",
-    "swr": "^2.3.7"
+    "swr": "^2.3.8"
   },
   "devDependencies": {
     "@eslint/eslintrc": "^3.3.3",
-    "@tailwindcss/postcss": "^4.1.17",
-    "@types/node": "^20.19.25",
+    "@tailwindcss/postcss": "^4.1.18",
+    "@types/bun": "^1.3.5",
+    "@types/node": "^20.19.27",
     "@types/react": "^19.2.7",
     "@types/react-dom": "^19.2.3",
-    "eslint": "^9.39.1",
+    "eslint": "^9.39.2",
     "eslint-config-next": "15.5.6",
-    "tailwindcss": "^4.1.17",
+    "tailwindcss": "^4.1.18",
     "typescript": "^5.9.3"
   }
 }

src/app/api/dashboard/devlogs/route.ts

@@ -0,0 +1,24 @@
+import { NextRequest, NextResponse } from "next/server";
+
+export async function POST(req: NextRequest) {
+  const sessionId = req.cookies.get("sessionId")?.value;
+
+  if (!sessionId) {
+    return NextResponse.json({ error: "Unauthorized" }, { status: 401 });
+  }
+
+  const data = await req.json();
+
+  const res = await fetch(`${process.env.NEXT_PUBLIC_API_URL}/api/v1/devlogs/`, {
+    method: "POST",
+    headers: {
+      "Content-Type": "application/json",
+      Cookie: `sessionId=${sessionId}`,
+    },
+    body: JSON.stringify(data),
+  });
+
+  const responseData = await res.json().catch(() => null);
+
+  return NextResponse.json(responseData, { status: res.status });
+}

src/app/api/dashboard/login/route.ts

@@ -0,0 +1,41 @@
+import { NextRequest, NextResponse } from "next/server";
+
+export async function POST(req: NextRequest) {
+  const data = await req.json();
+  const { email, otp } = data;
+
+  const res = await fetch(`${process.env.NEXT_PUBLIC_API_URL}/api/v1/auth/validate_otp`, {
+    method: "POST",
+    headers: {
+      "Content-Type": "application/json",
+    },
+    body: JSON.stringify({ email, otp }),
+    credentials: "include",
+  });
+
+  let cookie: string | null = null;
+
+  try {
+    const data = await res.json();
+    cookie = data?.sessionId ?? null;
+  } catch {
+    // ignore
+  }
+
+  const response = new NextResponse(null, {
+    status: res.status,
+  });
+
+  if (cookie) {
+    response.cookies.set({
+      name: "sessionId",
+      value: cookie,
+      httpOnly: true,
+      secure: true,
+      path: '/',
+      sameSite: 'none',
+    });
+  }
+
+  return response;
+}

src/app/api/dashboard/projects/route.ts

@@ -0,0 +1,24 @@
+import { NextRequest, NextResponse } from "next/server";
+
+export async function POST(req: NextRequest) {
+  const sessionId = req.cookies.get("sessionId")?.value;
+
+  if (!sessionId) {
+    return NextResponse.json({ error: "Unauthorized" }, { status: 401 });
+  }
+
+  const data = await req.json();
+
+  const res = await fetch(`${process.env.NEXT_PUBLIC_API_URL}/api/v1/projects/`, {
+    method: "POST",
+    headers: {
+      "Content-Type": "application/json",
+      Cookie: `sessionId=${sessionId}`,
+    },
+    body: JSON.stringify(data),
+  });
+
+  const responseData = await res.json().catch(() => null);
+
+  return NextResponse.json(responseData, { status: res.status });
+}

src/app/api/dashboard/request_otp/route.ts

@@ -0,0 +1,19 @@
+import { NextRequest } from "next/server";
+
+export async function POST(req: NextRequest) {
+  const data = await req.json();
+  const email = data.email;
+
+  const res = await fetch(`${process.env.NEXT_PUBLIC_API_URL}/api/v1/auth/send_otp`, {
+    method: "POST",
+    headers: {
+      "Content-Type": "application/json",
+    },
+    body: JSON.stringify({ email }),
+  });
+
+  return new Response(null,{
+    status: res.status,
+    headers: { "Content-Type": "application/json" },
+  })
+}

src/app/api/git/route.ts

@@ -0,0 +1,27 @@
+import { NextResponse } from "next/server";
+
+let cache: {
+  hash: string
+  message: string
+} | undefined
+
+export async function GET() {
+  if (!cache) {
+    const githubRes = await fetch(
+      "https://api.github.com/repos/hackclub/aces/commits/main"
+    )
+
+    if (!githubRes.ok) {
+      throw new Error(`GitHub API error: ${githubRes.status}`)
+    }
+
+    const json = await githubRes.json()
+
+    cache = {
+      hash: json.sha.substring(0, 7),
+      message: json.commit.message,
+    }
+  }
+
+  return NextResponse.json(cache)
+}

src/app/api/rsvp/route.ts

@@ -0,0 +1,24 @@
+import { NextResponse } from "next/server";
+
+const cacheForEmergencies: number | undefined = undefined
+
+export async function GET() {
+  try {
+    const res = await fetch(
+      `https://api.airtable.com/v0/${process.env.RSVP_AIRTABLE_BASE_ID}/RSVPS?sort[0][field]=count&sort[0][direction]=desc&maxRecords=1`,
+      {
+        headers: {
+          Authorization: `Bearer ${process.env.RSVP_AIRTABLE_API_KEY}`,
+        },
+      }
+    );
+
+    const data = await res.json();
+    const newestRecord = data.records?.[0];
+    const count = newestRecord?.fields?.count ?? cacheForEmergencies;
+
+    return NextResponse.json({ count });
+  } catch {
+    return NextResponse.json({ count: cacheForEmergencies, error: "Failed to fetch" }, { status: 500 });
+  }
+}

src/app/dashboard/UserProvider.tsx

@@ -0,0 +1,12 @@
+"use client";
+import { ReactNode } from "react";
+import { UserContext } from "@/app/dashboard/userContext";
+import { User } from "@/app/dashboard/layout";
+
+export default function UserProvider({ user, children }: { user: User; children: ReactNode }) {
+  return (
+    <UserContext value={user}>
+      {children}
+    </UserContext>
+  );
+}

src/app/dashboard/layout.tsx

@@ -0,0 +1,61 @@
+import { ReactNode } from "react";
+import { cookies } from "next/headers";
+import { redirect } from "next/navigation";
+import DashNav from "@/components/dashboard/DashNav";
+import UserProvider from "@/app/dashboard/UserProvider";
+
+export type User = {
+  id: number
+  email: string
+  username: string
+  hackatime_id: number
+  permissions: string[]
+  marked_for_deletion: boolean
+} | null
+
+async function getUser(): Promise<User> {
+  const cookieStore = await cookies();
+  const sessionId = cookieStore.get("sessionId")?.value;
+
+  if (!sessionId) {
+    return null;
+  }
+
+  const res = await fetch(`${process.env.NEXT_PUBLIC_API_URL}/api/v1/users/me`, {
+    headers: {
+      Cookie: `sessionId=${sessionId}`,
+    },
+    cache: "no-store",
+  });
+
+  if (res.status === 401) {
+    return null;
+  }
+
+  if (!res.ok) {
+    return null;
+  }
+
+  return res.json();
+}
+
+export default async function DashboardLayout({ children }: { children: ReactNode }) {
+  const user = await getUser();
+
+  if (!user) {
+    redirect("/login");
+  }
+
+  return (
+    <div className="h-screen w-screen flex flex-col bg-[url(/bg_new.png)] bg-cover">
+      <div className="flex-1 p-4 pb-24 md:pb-32 lg:pb-40 overflow-auto">
+        <div className="bg-red-300/50 backdrop-blur-md rounded-lg shadow-lg p-6 min-h-full">
+          <UserProvider user={user}>
+            {children}
+          </UserProvider>
+        </div>
+      </div>
+      <DashNav />
+    </div>
+  );
+}

src/app/dashboard/page.tsx

@@ -0,0 +1,71 @@
+import { cookies } from "next/headers";
+import Link from "next/link";
+import ProjectCard from "@/components/dashboard/ProjectCard";
+
+export type Project = {
+  project_id: number;
+  project_name: string;
+  hackatime_projects: string[];
+  hackatime_total_hours: number;
+  last_updated: string;
+  repo: string;
+  demo_url: string;
+  preview_image: string;
+  shipped: boolean;
+};
+
+async function getProjects(): Promise<Project[]> {
+  const cookieStore = await cookies();
+  const sessionId = cookieStore.get("sessionId")?.value;
+  console.log(sessionId);
+
+  if (!sessionId) {
+    return [];
+  }
+
+  const req = new Request(
+    `${process.env.NEXT_PUBLIC_API_URL}/api/v1/projects`,
+    {
+      method: "GET",
+      headers: {
+        Cookie: `sessionId=${sessionId}`,
+      },
+      cache: "no-store",
+    }
+  )
+
+  console.log(req)
+
+  const res = await fetch(req);
+
+  console.log(res)
+
+  if (!res.ok) {
+    return [];
+  }
+
+  return res.json();
+}
+
+export default async function Page() {
+  const projects = await getProjects();
+
+  return (
+    <div>
+      <h1 className="text-3xl font-bold mb-6">My Projects</h1>
+      <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
+        <Link href="/dashboard/projects/new">
+          <div className="rounded-lg overflow-hidden shadow-md hover:shadow-lg transition-shadow bg-gray-50 h-full min-h-[200px] flex items-center justify-center cursor-pointer border-2 border-dashed border-gray-300 hover:border-gray-400">
+            <div className="text-center p-4">
+              <span className="text-4xl text-gray-400">+</span>
+              <p className="text-gray-600 mt-2">New Project</p>
+            </div>
+          </div>
+        </Link>
+        {projects.map((project) => (
+          <ProjectCard key={project.project_id} project={project} />
+        ))}
+      </div>
+    </div>
+  );
+}