From b3433149310c437c8d141441d73118787f0497a2 Mon Sep 17 00:00:00 2001
From: zias <vanneszias@icloud.com>
Date: Mon, 2 Mar 2026 16:42:15 +0100
Subject: [PATCH] feat:admin

---
 apps/web/package.json                         |   1 +
 .../homepage/EventRegistrationForm.tsx        |  39 +-
 apps/web/src/components/homepage/Footer.tsx   |  25 +
 apps/web/src/routeTree.gen.ts                 |  42 +-
 apps/web/src/routes/admin.tsx                 | 463 ++++++++++++++++++
 apps/web/src/routes/login.tsx                 | 272 ++++++++++
 bun.lock                                      |   1 +
 packages/api/package.json                     |   1 +
 packages/api/src/index.ts                     |  16 +
 packages/api/src/routers/index.ts             | 302 +++++++++++-
 packages/auth/src/index.ts                    |   8 +
 packages/db/local.db-shm                      | Bin 32768 -> 32768 bytes
 packages/db/local.db-wal                      | Bin 0 -> 247232 bytes
 packages/db/package.json                      |   7 +
 packages/db/src/schema/admin-requests.ts      |  23 +
 packages/db/src/schema/auth.ts                |   1 +
 packages/db/src/schema/index.ts               |   2 +
 packages/db/src/schema/registrations.ts       |  23 +
 turbo.json                                    |   3 +-
 19 files changed, 1221 insertions(+), 8 deletions(-)
 create mode 100644 apps/web/src/routes/admin.tsx
 create mode 100644 apps/web/src/routes/login.tsx
 create mode 100644 packages/db/src/schema/admin-requests.ts
 create mode 100644 packages/db/src/schema/registrations.ts

diff --git a/apps/web/package.json b/apps/web/package.json
index c248634..f592c65 100644
--- a/apps/web/package.json
+++ b/apps/web/package.json
@@ -5,6 +5,7 @@
 	"scripts": {
 		"build": "vite build",
 		"serve": "vite preview",
+		"dev": "vite dev",
 		"dev:bare": "vite dev"
 	},
 	"dependencies": {
diff --git a/apps/web/src/components/homepage/EventRegistrationForm.tsx b/apps/web/src/components/homepage/EventRegistrationForm.tsx
index 475e08c..18e22d6 100644
--- a/apps/web/src/components/homepage/EventRegistrationForm.tsx
+++ b/apps/web/src/components/homepage/EventRegistrationForm.tsx
@@ -1,6 +1,9 @@
 "use client";
 
+import { useMutation } from "@tanstack/react-query";
 import { useState } from "react";
+import { toast } from "sonner";
+import { orpc } from "@/utils/orpc";
 
 export default function EventRegistrationForm() {
 	const [formData, setFormData] = useState({
@@ -12,9 +15,34 @@ export default function EventRegistrationForm() {
 		experience: "",
 	});
 
+	const submitMutation = useMutation({
+		...orpc.submitRegistration.mutationOptions(),
+		onSuccess: () => {
+			toast.success("Registratie succesvol!");
+			setFormData({
+				firstName: "",
+				lastName: "",
+				email: "",
+				phone: "",
+				artForm: "",
+				experience: "",
+			});
+		},
+		onError: (error) => {
+			toast.error(`Er is iets misgegaan: ${error.message}`);
+		},
+	});
+
 	const handleSubmit = (e: React.FormEvent) => {
 		e.preventDefault();
-		console.log("Form submitted:", formData);
+		submitMutation.mutate({
+			firstName: formData.firstName,
+			lastName: formData.lastName,
+			email: formData.email,
+			phone: formData.phone || undefined,
+			artForm: formData.artForm,
+			experience: formData.experience || undefined,
+		});
 	};
 
 	const handleChange = (
@@ -57,6 +85,7 @@ export default function EventRegistrationForm() {
 									value={formData.firstName}
 									onChange={handleChange}
 									placeholder="Jouw voornaam"
+									required
 									className="border-white/30 border-b bg-transparent pb-2 font-['Intro',sans-serif] text-lg text-white placeholder:text-white/40 focus:border-white focus:outline-none"
 								/>
 							</div>
@@ -75,6 +104,7 @@ export default function EventRegistrationForm() {
 									value={formData.lastName}
 									onChange={handleChange}
 									placeholder="Jouw achternaam"
+									required
 									className="border-white/30 border-b bg-transparent pb-2 font-['Intro',sans-serif] text-lg text-white placeholder:text-white/40 focus:border-white focus:outline-none"
 								/>
 							</div>
@@ -96,6 +126,7 @@ export default function EventRegistrationForm() {
 									value={formData.email}
 									onChange={handleChange}
 									placeholder="jouw@email.nl"
+									required
 									className="border-white/30 border-b bg-transparent pb-2 font-['Intro',sans-serif] text-lg text-white placeholder:text-white/40 focus:border-white focus:outline-none"
 								/>
 							</div>
@@ -134,6 +165,7 @@ export default function EventRegistrationForm() {
 								value={formData.artForm}
 								onChange={handleChange}
 								placeholder="Muziek, Theater, Dans, etc."
+								required
 								className="border-white/30 border-b bg-transparent pb-2 font-['Intro',sans-serif] text-lg text-white placeholder:text-white/40 focus:border-white focus:outline-none"
 							/>
 						</div>
@@ -164,9 +196,10 @@ export default function EventRegistrationForm() {
 					<div className="mt-auto flex flex-col items-center gap-4 pt-12">
 						<button
 							type="submit"
-							className="bg-white px-12 py-4 font-['Intro',sans-serif] text-2xl text-[#214e51] transition-all hover:scale-105 hover:bg-gray-100"
+							disabled={submitMutation.isPending}
+							className="bg-white px-12 py-4 font-['Intro',sans-serif] text-2xl text-[#214e51] transition-all hover:scale-105 hover:bg-gray-100 disabled:cursor-not-allowed disabled:opacity-50"
 						>
-							Bevestigen
+							{submitMutation.isPending ? "Bezig..." : "Bevestigen"}
 						</button>
 
 						<p className="text-center font-['Intro',sans-serif] text-sm text-white/60">
diff --git a/apps/web/src/components/homepage/Footer.tsx b/apps/web/src/components/homepage/Footer.tsx
index 740096e..26ed7ff 100644
--- a/apps/web/src/components/homepage/Footer.tsx
+++ b/apps/web/src/components/homepage/Footer.tsx
@@ -1,4 +1,21 @@
+"use client";
+
+import { Link } from "@tanstack/react-router";
+import { useEffect, useState } from "react";
+import { authClient } from "@/lib/auth-client";
+
 export default function Footer() {
+	const [isAdmin, setIsAdmin] = useState(false);
+	const [isLoading, setIsLoading] = useState(true);
+
+	useEffect(() => {
+		authClient.getSession().then((session) => {
+			const user = session.data?.user as { role?: string } | undefined;
+			setIsAdmin(user?.role === "admin");
+			setIsLoading(false);
+		});
+	}, []);
+
 	return (
 		<footer className="snap-section relative z-40 flex h-[250px] flex-col items-center justify-center bg-[#d09035]">
 			<div className="text-center">
@@ -21,6 +38,14 @@ export default function Footer() {
 					<a href="/contact" className="transition-colors hover:text-white">
 						Contact
 					</a>
+					{!isLoading && isAdmin && (
+						<>
+							<span className="text-white/40">|</span>
+							<Link to="/admin" className="transition-colors hover:text-white">
+								Admin
+							</Link>
+						</>
+					)}
 				</div>
 
 				<div className="mt-6 font-['Intro',sans-serif] text-white/50 text-xs">
diff --git a/apps/web/src/routeTree.gen.ts b/apps/web/src/routeTree.gen.ts
index 96ff85c..8ae1c5c 100644
--- a/apps/web/src/routeTree.gen.ts
+++ b/apps/web/src/routeTree.gen.ts
@@ -9,10 +9,22 @@
 // Additionally, you should also exclude this file from your linter and/or formatter to prevent it from being checked or modified.
 
 import { Route as rootRouteImport } from './routes/__root'
+import { Route as LoginRouteImport } from './routes/login'
+import { Route as AdminRouteImport } from './routes/admin'
 import { Route as IndexRouteImport } from './routes/index'
 import { Route as ApiRpcSplatRouteImport } from './routes/api/rpc/$'
 import { Route as ApiAuthSplatRouteImport } from './routes/api/auth/$'
 
+const LoginRoute = LoginRouteImport.update({
+  id: '/login',
+  path: '/login',
+  getParentRoute: () => rootRouteImport,
+} as any)
+const AdminRoute = AdminRouteImport.update({
+  id: '/admin',
+  path: '/admin',
+  getParentRoute: () => rootRouteImport,
+} as any)
 const IndexRoute = IndexRouteImport.update({
   id: '/',
   path: '/',
@@ -31,36 +43,58 @@ const ApiAuthSplatRoute = ApiAuthSplatRouteImport.update({
 
 export interface FileRoutesByFullPath {
   '/': typeof IndexRoute
+  '/admin': typeof AdminRoute
+  '/login': typeof LoginRoute
   '/api/auth/$': typeof ApiAuthSplatRoute
   '/api/rpc/$': typeof ApiRpcSplatRoute
 }
 export interface FileRoutesByTo {
   '/': typeof IndexRoute
+  '/admin': typeof AdminRoute
+  '/login': typeof LoginRoute
   '/api/auth/$': typeof ApiAuthSplatRoute
   '/api/rpc/$': typeof ApiRpcSplatRoute
 }
 export interface FileRoutesById {
   __root__: typeof rootRouteImport
   '/': typeof IndexRoute
+  '/admin': typeof AdminRoute
+  '/login': typeof LoginRoute
   '/api/auth/$': typeof ApiAuthSplatRoute
   '/api/rpc/$': typeof ApiRpcSplatRoute
 }
 export interface FileRouteTypes {
   fileRoutesByFullPath: FileRoutesByFullPath
-  fullPaths: '/' | '/api/auth/$' | '/api/rpc/$'
+  fullPaths: '/' | '/admin' | '/login' | '/api/auth/$' | '/api/rpc/$'
   fileRoutesByTo: FileRoutesByTo
-  to: '/' | '/api/auth/$' | '/api/rpc/$'
-  id: '__root__' | '/' | '/api/auth/$' | '/api/rpc/$'
+  to: '/' | '/admin' | '/login' | '/api/auth/$' | '/api/rpc/$'
+  id: '__root__' | '/' | '/admin' | '/login' | '/api/auth/$' | '/api/rpc/$'
   fileRoutesById: FileRoutesById
 }
 export interface RootRouteChildren {
   IndexRoute: typeof IndexRoute
+  AdminRoute: typeof AdminRoute
+  LoginRoute: typeof LoginRoute
   ApiAuthSplatRoute: typeof ApiAuthSplatRoute
   ApiRpcSplatRoute: typeof ApiRpcSplatRoute
 }
 
 declare module '@tanstack/react-router' {
   interface FileRoutesByPath {
+    '/login': {
+      id: '/login'
+      path: '/login'
+      fullPath: '/login'
+      preLoaderRoute: typeof LoginRouteImport
+      parentRoute: typeof rootRouteImport
+    }
+    '/admin': {
+      id: '/admin'
+      path: '/admin'
+      fullPath: '/admin'
+      preLoaderRoute: typeof AdminRouteImport
+      parentRoute: typeof rootRouteImport
+    }
     '/': {
       id: '/'
       path: '/'
@@ -87,6 +121,8 @@ declare module '@tanstack/react-router' {
 
 const rootRouteChildren: RootRouteChildren = {
   IndexRoute: IndexRoute,
+  AdminRoute: AdminRoute,
+  LoginRoute: LoginRoute,
   ApiAuthSplatRoute: ApiAuthSplatRoute,
   ApiRpcSplatRoute: ApiRpcSplatRoute,
 }
diff --git a/apps/web/src/routes/admin.tsx b/apps/web/src/routes/admin.tsx
new file mode 100644
index 0000000..4067122
--- /dev/null
+++ b/apps/web/src/routes/admin.tsx
@@ -0,0 +1,463 @@
+import { useMutation, useQuery } from "@tanstack/react-query";
+import {
+	createFileRoute,
+	Link,
+	redirect,
+	useNavigate,
+} from "@tanstack/react-router";
+import { Check, Download, LogOut, Search, Users, X } from "lucide-react";
+import { useState } from "react";
+import { toast } from "sonner";
+import { Button } from "@/components/ui/button";
+import {
+	Card,
+	CardContent,
+	CardDescription,
+	CardHeader,
+	CardTitle,
+} from "@/components/ui/card";
+import { Input } from "@/components/ui/input";
+import { authClient } from "@/lib/auth-client";
+import { orpc } from "@/utils/orpc";
+
+export const Route = createFileRoute("/admin")({
+	component: AdminPage,
+	beforeLoad: async () => {
+		const session = await authClient.getSession();
+		if (!session.data?.user) {
+			throw redirect({ to: "/login" });
+		}
+		const user = session.data.user as { role?: string };
+		if (user.role !== "admin") {
+			throw redirect({ to: "/login" });
+		}
+	},
+});
+
+function AdminPage() {
+	const navigate = useNavigate();
+	const [search, setSearch] = useState("");
+	const [artForm, setArtForm] = useState("");
+	const [fromDate, setFromDate] = useState("");
+	const [toDate, setToDate] = useState("");
+	const [page, setPage] = useState(1);
+	const pageSize = 20;
+
+	const statsQuery = useQuery(orpc.getRegistrationStats.queryOptions());
+
+	const registrationsQuery = useQuery(
+		orpc.getRegistrations.queryOptions({
+			input: {
+				search: search || undefined,
+				artForm: artForm || undefined,
+				fromDate: fromDate || undefined,
+				toDate: toDate || undefined,
+				page,
+				pageSize,
+			},
+		}),
+	);
+
+	const adminRequestsQuery = useQuery(orpc.getAdminRequests.queryOptions());
+
+	const exportMutation = useMutation({
+		...orpc.exportRegistrations.mutationOptions(),
+		onSuccess: (data: { csv: string; filename: string }) => {
+			const blob = new Blob([data.csv], { type: "text/csv" });
+			const url = window.URL.createObjectURL(blob);
+			const a = document.createElement("a");
+			a.href = url;
+			a.download = data.filename;
+			document.body.appendChild(a);
+			a.click();
+			document.body.removeChild(a);
+			window.URL.revokeObjectURL(url);
+		},
+	});
+
+	const approveRequestMutation = useMutation({
+		...orpc.approveAdminRequest.mutationOptions(),
+		onSuccess: () => {
+			toast.success("Admin toegang goedgekeurd");
+			adminRequestsQuery.refetch();
+		},
+		onError: (error) => {
+			toast.error(`Fout: ${error.message}`);
+		},
+	});
+
+	const rejectRequestMutation = useMutation({
+		...orpc.rejectAdminRequest.mutationOptions(),
+		onSuccess: () => {
+			toast.success("Admin toegang geweigerd");
+			adminRequestsQuery.refetch();
+		},
+		onError: (error) => {
+			toast.error(`Fout: ${error.message}`);
+		},
+	});
+
+	const handleSignOut = async () => {
+		await authClient.signOut();
+		navigate({ to: "/" });
+	};
+
+	const handleExport = () => {
+		exportMutation.mutate(undefined);
+	};
+
+	const handleApprove = (requestId: string) => {
+		approveRequestMutation.mutate({ requestId });
+	};
+
+	const handleReject = (requestId: string) => {
+		rejectRequestMutation.mutate({ requestId });
+	};
+
+	const stats = statsQuery.data;
+	const registrations = registrationsQuery.data?.data ?? [];
+	const pagination = registrationsQuery.data?.pagination;
+	const adminRequests = adminRequestsQuery.data ?? [];
+	const pendingRequests = adminRequests.filter((r) => r.status === "pending");
+
+	return (
+		<div className="min-h-screen bg-[#214e51]">
+			{/* Header */}
+			<header className="border-white/10 border-b bg-[#214e51]/95 px-8 py-6">
+				<div className="mx-auto flex max-w-7xl items-center justify-between">
+					<div className="flex items-center gap-4">
+						<Link to="/" className="text-white hover:opacity-80">
+							← Terug naar website
+						</Link>
+						<h1 className="font-['Intro',sans-serif] text-3xl text-white">
+							Admin Dashboard
+						</h1>
+					</div>
+					<Button
+						onClick={handleSignOut}
+						variant="outline"
+						className="border-white/30 bg-transparent text-white hover:bg-white/10"
+					>
+						<LogOut className="mr-2 h-4 w-4" />
+						Uitloggen
+					</Button>
+				</div>
+			</header>
+
+			{/* Main Content */}
+			<main className="mx-auto max-w-7xl p-8">
+				{/* Pending Admin Requests */}
+				{pendingRequests.length > 0 && (
+					<Card className="mb-6 border-yellow-500/30 bg-yellow-500/10">
+						<CardHeader>
+							<CardTitle className="font-['Intro',sans-serif] text-xl text-yellow-200">
+								Openstaande Admin Aanvragen ({pendingRequests.length})
+							</CardTitle>
+							<CardDescription className="text-yellow-200/60">
+								Gebruikers die admin toegang hebben aangevraagd
+							</CardDescription>
+						</CardHeader>
+						<CardContent>
+							<div className="space-y-3">
+								{pendingRequests.map((request) => (
+									<div
+										key={request.id}
+										className="flex items-center justify-between rounded-lg border border-yellow-500/20 bg-yellow-500/5 p-4"
+									>
+										<div>
+											<p className="font-medium text-white">
+												{request.userName}
+											</p>
+											<p className="text-sm text-white/60">
+												{request.userEmail}
+											</p>
+											<p className="text-white/40 text-xs">
+												Aangevraagd:{" "}
+												{new Date(request.requestedAt).toLocaleDateString(
+													"nl-BE",
+												)}
+											</p>
+										</div>
+										<div className="flex gap-2">
+											<Button
+												onClick={() => handleApprove(request.id)}
+												disabled={approveRequestMutation.isPending}
+												size="sm"
+												className="bg-green-600 text-white hover:bg-green-700"
+											>
+												<Check className="mr-1 h-4 w-4" />
+												Goedkeuren
+											</Button>
+											<Button
+												onClick={() => handleReject(request.id)}
+												disabled={rejectRequestMutation.isPending}
+												size="sm"
+												variant="outline"
+												className="border-red-500/30 text-red-400 hover:bg-red-500/10"
+											>
+												<X className="mr-1 h-4 w-4" />
+												Weigeren
+											</Button>
+										</div>
+									</div>
+								))}
+							</div>
+						</CardContent>
+					</Card>
+				)}
+
+				{/* Stats Cards */}
+				<div className="mb-8 grid grid-cols-1 gap-6 md:grid-cols-3">
+					<Card className="border-white/10 bg-white/5">
+						<CardHeader className="pb-2">
+							<CardDescription className="text-white/60">
+								Totaal inschrijvingen
+							</CardDescription>
+							<CardTitle className="font-['Intro',sans-serif] text-4xl text-white">
+								{stats?.total ?? 0}
+							</CardTitle>
+						</CardHeader>
+						<CardContent>
+							<Users className="h-5 w-5 text-white/40" />
+						</CardContent>
+					</Card>
+
+					<Card className="border-white/10 bg-white/5">
+						<CardHeader className="pb-2">
+							<CardDescription className="text-white/60">
+								Vandaag ingeschreven
+							</CardDescription>
+							<CardTitle className="font-['Intro',sans-serif] text-4xl text-white">
+								{stats?.today ?? 0}
+							</CardTitle>
+						</CardHeader>
+						<CardContent>
+							<span className="text-sm text-white/40">
+								Nieuwe registraties vandaag
+							</span>
+						</CardContent>
+					</Card>
+
+					<Card className="border-white/10 bg-white/5">
+						<CardHeader className="pb-2">
+							<CardDescription className="text-white/60">
+								Per kunstvorm
+							</CardDescription>
+							<div className="mt-2 space-y-1">
+								{stats?.byArtForm.slice(0, 5).map((item) => (
+									<div
+										key={item.artForm}
+										className="flex items-center justify-between text-sm"
+									>
+										<span className="text-white/80">{item.artForm}</span>
+										<span className="font-['Intro',sans-serif] text-white">
+											{item.count}
+										</span>
+									</div>
+								))}
+							</div>
+						</CardHeader>
+					</Card>
+				</div>
+
+				{/* Filters */}
+				<Card className="mb-6 border-white/10 bg-white/5">
+					<CardHeader>
+						<CardTitle className="font-['Intro',sans-serif] text-white text-xl">
+							Filters
+						</CardTitle>
+					</CardHeader>
+					<CardContent>
+						<div className="grid grid-cols-1 gap-4 md:grid-cols-4">
+							<div>
+								<label
+									htmlFor="search"
+									className="mb-2 block text-sm text-white/60"
+								>
+									Zoeken
+								</label>
+								<div className="relative">
+									<Search className="absolute top-1/2 left-3 h-4 w-4 -translate-y-1/2 text-white/40" />
+									<Input
+										id="search"
+										placeholder="Naam of email..."
+										value={search}
+										onChange={(e) => setSearch(e.target.value)}
+										className="border-white/20 bg-white/10 pl-10 text-white placeholder:text-white/40"
+									/>
+								</div>
+							</div>
+
+							<div>
+								<label
+									htmlFor="artForm"
+									className="mb-2 block text-sm text-white/60"
+								>
+									Kunstvorm
+								</label>
+								<Input
+									id="artForm"
+									placeholder="Filter op kunstvorm..."
+									value={artForm}
+									onChange={(e) => setArtForm(e.target.value)}
+									className="border-white/20 bg-white/10 text-white placeholder:text-white/40"
+								/>
+							</div>
+
+							<div>
+								<label
+									htmlFor="fromDate"
+									className="mb-2 block text-sm text-white/60"
+								>
+									Vanaf
+								</label>
+								<Input
+									id="fromDate"
+									type="date"
+									value={fromDate}
+									onChange={(e) => setFromDate(e.target.value)}
+									className="border-white/20 bg-white/10 text-white [color-scheme:dark]"
+								/>
+							</div>
+
+							<div>
+								<label
+									htmlFor="toDate"
+									className="mb-2 block text-sm text-white/60"
+								>
+									Tot
+								</label>
+								<Input
+									id="toDate"
+									type="date"
+									value={toDate}
+									onChange={(e) => setToDate(e.target.value)}
+									className="border-white/20 bg-white/10 text-white [color-scheme:dark]"
+								/>
+							</div>
+						</div>
+					</CardContent>
+				</Card>
+
+				{/* Export Button */}
+				<div className="mb-6 flex items-center justify-between">
+					<p className="text-white/60">
+						{pagination?.total ?? 0} registraties gevonden
+					</p>
+					<Button
+						onClick={handleExport}
+						disabled={exportMutation.isPending}
+						className="bg-white text-[#214e51] hover:bg-white/90"
+					>
+						<Download className="mr-2 h-4 w-4" />
+						{exportMutation.isPending ? "Exporteren..." : "Exporteer CSV"}
+					</Button>
+				</div>
+
+				{/* Registrations Table */}
+				<Card className="border-white/10 bg-white/5">
+					<CardContent className="p-0">
+						<div className="overflow-x-auto">
+							<table className="w-full">
+								<thead>
+									<tr className="border-white/10 border-b">
+										<th className="px-6 py-4 text-left font-medium text-sm text-white/60">
+											Naam
+										</th>
+										<th className="px-6 py-4 text-left font-medium text-sm text-white/60">
+											Email
+										</th>
+										<th className="px-6 py-4 text-left font-medium text-sm text-white/60">
+											Telefoon
+										</th>
+										<th className="px-6 py-4 text-left font-medium text-sm text-white/60">
+											Kunstvorm
+										</th>
+										<th className="px-6 py-4 text-left font-medium text-sm text-white/60">
+											Ervaring
+										</th>
+										<th className="px-6 py-4 text-left font-medium text-sm text-white/60">
+											Datum
+										</th>
+									</tr>
+								</thead>
+								<tbody>
+									{registrationsQuery.isLoading ? (
+										<tr>
+											<td
+												colSpan={6}
+												className="px-6 py-8 text-center text-white/60"
+											>
+												Laden...
+											</td>
+										</tr>
+									) : registrations.length === 0 ? (
+										<tr>
+											<td
+												colSpan={6}
+												className="px-6 py-8 text-center text-white/60"
+											>
+												Geen registraties gevonden
+											</td>
+										</tr>
+									) : (
+										registrations.map((reg) => (
+											<tr
+												key={reg.id}
+												className="border-white/5 border-b hover:bg-white/5"
+											>
+												<td className="px-6 py-4 text-white">
+													{reg.firstName} {reg.lastName}
+												</td>
+												<td className="px-6 py-4 text-white/80">{reg.email}</td>
+												<td className="px-6 py-4 text-white/80">
+													{reg.phone || "-"}
+												</td>
+												<td className="px-6 py-4 text-white/80">
+													{reg.artForm}
+												</td>
+												<td className="px-6 py-4 text-white/80">
+													{reg.experience || "-"}
+												</td>
+												<td className="px-6 py-4 text-white/60">
+													{new Date(reg.createdAt).toLocaleDateString("nl-BE")}
+												</td>
+											</tr>
+										))
+									)}
+								</tbody>
+							</table>
+						</div>
+					</CardContent>
+				</Card>
+
+				{/* Pagination */}
+				{pagination && pagination.totalPages > 1 && (
+					<div className="mt-6 flex items-center justify-center gap-2">
+						<Button
+							onClick={() => setPage((p) => Math.max(1, p - 1))}
+							disabled={page === 1}
+							variant="outline"
+							className="border-white/20 bg-transparent text-white hover:bg-white/10 disabled:opacity-50"
+						>
+							Vorige
+						</Button>
+						<span className="mx-4 text-white">
+							Pagina {page} van {pagination.totalPages}
+						</span>
+						<Button
+							onClick={() =>
+								setPage((p) => Math.min(pagination.totalPages, p + 1))
+							}
+							disabled={page === pagination.totalPages}
+							variant="outline"
+							className="border-white/20 bg-transparent text-white hover:bg-white/10 disabled:opacity-50"
+						>
+							Volgende
+						</Button>
+					</div>
+				)}
+			</main>
+		</div>
+	);
+}
diff --git a/apps/web/src/routes/login.tsx b/apps/web/src/routes/login.tsx
new file mode 100644
index 0000000..4e98f13
--- /dev/null
+++ b/apps/web/src/routes/login.tsx
@@ -0,0 +1,272 @@
+import { useMutation, useQuery } from "@tanstack/react-query";
+import { createFileRoute, Link, useNavigate } from "@tanstack/react-router";
+import { useState } from "react";
+import { toast } from "sonner";
+import { Button } from "@/components/ui/button";
+import {
+	Card,
+	CardContent,
+	CardDescription,
+	CardHeader,
+	CardTitle,
+} from "@/components/ui/card";
+import { Input } from "@/components/ui/input";
+import { authClient } from "@/lib/auth-client";
+import { orpc } from "@/utils/orpc";
+
+export const Route = createFileRoute("/login")({
+	component: LoginPage,
+});
+
+function LoginPage() {
+	const navigate = useNavigate();
+	const [isSignup, setIsSignup] = useState(false);
+	const [email, setEmail] = useState("");
+	const [password, setPassword] = useState("");
+	const [name, setName] = useState("");
+
+	const sessionQuery = useQuery({
+		queryKey: ["session"],
+		queryFn: () => authClient.getSession(),
+	});
+
+	const loginMutation = useMutation({
+		mutationFn: async ({
+			email,
+			password,
+		}: {
+			email: string;
+			password: string;
+		}) => {
+			const result = await authClient.signIn.email({
+				email,
+				password,
+			});
+			if (result.error) {
+				throw new Error(result.error.message);
+			}
+			return result.data;
+		},
+		onSuccess: () => {
+			toast.success("Succesvol ingelogd!");
+			// Check role and redirect
+			authClient.getSession().then((session) => {
+				const user = session.data?.user as { role?: string } | undefined;
+				if (user?.role === "admin") {
+					navigate({ to: "/admin" });
+				} else {
+					navigate({ to: "/" });
+				}
+			});
+		},
+		onError: (error) => {
+			toast.error(`Login mislukt: ${error.message}`);
+		},
+	});
+
+	const signupMutation = useMutation({
+		mutationFn: async ({
+			email,
+			password,
+			name,
+		}: {
+			email: string;
+			password: string;
+			name: string;
+		}) => {
+			const result = await authClient.signUp.email({
+				email,
+				password,
+				name,
+			});
+			if (result.error) {
+				throw new Error(result.error.message);
+			}
+			return result.data;
+		},
+		onSuccess: () => {
+			toast.success("Account aangemaakt! Wacht op goedkeuring van een admin.");
+			setIsSignup(false);
+			setName("");
+			setEmail("");
+			setPassword("");
+		},
+		onError: (error) => {
+			toast.error(`Registratie mislukt: ${error.message}`);
+		},
+	});
+
+	const requestAdminMutation = useMutation({
+		...orpc.requestAdminAccess.mutationOptions(),
+		onSuccess: () => {
+			toast.success("Admin toegang aangevraagd!");
+		},
+		onError: (error) => {
+			toast.error(`Aanvraag mislukt: ${error.message}`);
+		},
+	});
+
+	const handleSubmit = (e: React.FormEvent) => {
+		e.preventDefault();
+		if (isSignup) {
+			signupMutation.mutate({ email, password, name });
+		} else {
+			loginMutation.mutate({ email, password });
+		}
+	};
+
+	const handleRequestAdmin = () => {
+		requestAdminMutation.mutate();
+	};
+
+	// If already logged in as admin, redirect
+	if (sessionQuery.data?.data?.user) {
+		const user = sessionQuery.data.data.user as { role?: string };
+		if (user.role === "admin") {
+			navigate({ to: "/admin" });
+			return null;
+		}
+	}
+
+	const isLoggedIn = !!sessionQuery.data?.data?.user;
+	const user = sessionQuery.data?.data?.user as
+		| { role?: string; name?: string }
+		| undefined;
+
+	return (
+		<div className="flex min-h-screen items-center justify-center bg-[#214e51] px-4">
+			<Card className="w-full max-w-md border-white/10 bg-white/5">
+				<CardHeader className="text-center">
+					<CardTitle className="font-['Intro',sans-serif] text-3xl text-white">
+						{isLoggedIn
+							? "Admin Toegang"
+							: isSignup
+								? "Account Aanmaken"
+								: "Inloggen"}
+					</CardTitle>
+					<CardDescription className="text-white/60">
+						{isLoggedIn
+							? `Welkom, ${user?.name}`
+							: isSignup
+								? "Maak een account aan om toegang te krijgen"
+								: "Log in om toegang te krijgen tot het admin dashboard"}
+					</CardDescription>
+				</CardHeader>
+				<CardContent>
+					{isLoggedIn ? (
+						<div className="space-y-4">
+							<div className="rounded-lg border border-yellow-500/30 bg-yellow-500/10 p-4">
+								<p className="text-center text-yellow-200">
+									Je bent ingelogd maar hebt geen admin toegang.
+								</p>
+							</div>
+							<Button
+								onClick={handleRequestAdmin}
+								disabled={requestAdminMutation.isPending}
+								className="w-full bg-white text-[#214e51] hover:bg-white/90"
+							>
+								{requestAdminMutation.isPending
+									? "Bezig..."
+									: "Vraag Admin Toegang Aan"}
+							</Button>
+							<Button
+								onClick={() => authClient.signOut()}
+								variant="outline"
+								className="w-full border-white/20 bg-transparent text-white hover:bg-white/10"
+							>
+								Uitloggen
+							</Button>
+							<Link
+								to="/"
+								className="block text-center text-sm text-white/60 hover:text-white"
+							>
+								← Terug naar website
+							</Link>
+						</div>
+					) : (
+						<form onSubmit={handleSubmit} className="space-y-4">
+							{isSignup && (
+								<div>
+									<label
+										htmlFor="name"
+										className="mb-2 block text-sm text-white/60"
+									>
+										Naam
+									</label>
+									<Input
+										id="name"
+										type="text"
+										placeholder="Jouw naam"
+										value={name}
+										onChange={(e) => setName(e.target.value)}
+										required
+										className="border-white/20 bg-white/10 text-white placeholder:text-white/40"
+									/>
+								</div>
+							)}
+							<div>
+								<label
+									htmlFor="email"
+									className="mb-2 block text-sm text-white/60"
+								>
+									Email
+								</label>
+								<Input
+									id="email"
+									type="email"
+									placeholder="jouw@email.be"
+									value={email}
+									onChange={(e) => setEmail(e.target.value)}
+									required
+									className="border-white/20 bg-white/10 text-white placeholder:text-white/40"
+								/>
+							</div>
+							<div>
+								<label
+									htmlFor="password"
+									className="mb-2 block text-sm text-white/60"
+								>
+									Wachtwoord
+								</label>
+								<Input
+									id="password"
+									type="password"
+									placeholder="••••••••"
+									value={password}
+									onChange={(e) => setPassword(e.target.value)}
+									required
+									className="border-white/20 bg-white/10 text-white placeholder:text-white/40"
+								/>
+							</div>
+							<Button
+								type="submit"
+								disabled={loginMutation.isPending || signupMutation.isPending}
+								className="w-full bg-white text-[#214e51] hover:bg-white/90"
+							>
+								{loginMutation.isPending || signupMutation.isPending
+									? "Bezig..."
+									: isSignup
+										? "Account Aanmaken"
+										: "Inloggen"}
+							</Button>
+							<div className="flex flex-col gap-2 text-center">
+								<button
+									type="button"
+									onClick={() => setIsSignup(!isSignup)}
+									className="text-sm text-white/60 hover:text-white"
+								>
+									{isSignup
+										? "Al een account? Log in"
+										: "Nog geen account? Registreer"}
+								</button>
+								<Link to="/" className="text-sm text-white/60 hover:text-white">
+									← Terug naar website
+								</Link>
+							</div>
+						</form>
+					)}
+				</CardContent>
+			</Card>
+		</div>
+	);
+}
diff --git a/bun.lock b/bun.lock
index a2df046..92fc315 100644
--- a/bun.lock
+++ b/bun.lock
@@ -88,6 +88,7 @@
         "@orpc/server": "catalog:",
         "@orpc/zod": "catalog:",
         "dotenv": "catalog:",
+        "drizzle-orm": "^0.45.1",
         "zod": "catalog:",
       },
       "devDependencies": {
diff --git a/packages/api/package.json b/packages/api/package.json
index 8103a74..00c04f5 100644
--- a/packages/api/package.json
+++ b/packages/api/package.json
@@ -19,6 +19,7 @@
 		"@orpc/server": "catalog:",
 		"@orpc/zod": "catalog:",
 		"dotenv": "catalog:",
+		"drizzle-orm": "^0.45.1",
 		"zod": "catalog:"
 	},
 	"devDependencies": {
diff --git a/packages/api/src/index.ts b/packages/api/src/index.ts
index 11d1f33..66ce72b 100644
--- a/packages/api/src/index.ts
+++ b/packages/api/src/index.ts
@@ -18,3 +18,19 @@ const requireAuth = o.middleware(async ({ context, next }) => {
 });
 
 export const protectedProcedure = publicProcedure.use(requireAuth);
+
+const requireAdmin = o.middleware(async ({ context, next }) => {
+	if (!context.session?.user) {
+		throw new ORPCError("UNAUTHORIZED");
+	}
+	if (context.session.user.role !== "admin") {
+		throw new ORPCError("FORBIDDEN");
+	}
+	return next({
+		context: {
+			session: context.session,
+		},
+	});
+});
+
+export const adminProcedure = protectedProcedure.use(requireAdmin);
diff --git a/packages/api/src/routers/index.ts b/packages/api/src/routers/index.ts
index 9d78fe1..7681c8d 100644
--- a/packages/api/src/routers/index.ts
+++ b/packages/api/src/routers/index.ts
@@ -1,17 +1,317 @@
+import { db } from "@kk/db";
+import { adminRequest, registration } from "@kk/db/schema";
+import { user } from "@kk/db/schema/auth";
 import type { RouterClient } from "@orpc/server";
+import { randomUUID } from "crypto";
+import { and, count, desc, eq, gte, like, lte } from "drizzle-orm";
+import { z } from "zod";
+import { adminProcedure, protectedProcedure, publicProcedure } from "../index";
 
-import { protectedProcedure, publicProcedure } from "../index";
+const submitRegistrationSchema = z.object({
+	firstName: z.string().min(1),
+	lastName: z.string().min(1),
+	email: z.string().email(),
+	phone: z.string().optional(),
+	artForm: z.string().min(1),
+	experience: z.string().optional(),
+});
+
+const getRegistrationsSchema = z.object({
+	search: z.string().optional(),
+	artForm: z.string().optional(),
+	fromDate: z.string().datetime().optional(),
+	toDate: z.string().datetime().optional(),
+	page: z.number().int().min(1).default(1),
+	pageSize: z.number().int().min(1).max(100).default(50),
+});
 
 export const appRouter = {
 	healthCheck: publicProcedure.handler(() => {
 		return "OK";
 	}),
+
 	privateData: protectedProcedure.handler(({ context }) => {
 		return {
 			message: "This is private",
 			user: context.session?.user,
 		};
 	}),
+
+	submitRegistration: publicProcedure
+		.input(submitRegistrationSchema)
+		.handler(async ({ input }) => {
+			const result = await db.insert(registration).values({
+				id: randomUUID(),
+				firstName: input.firstName,
+				lastName: input.lastName,
+				email: input.email,
+				phone: input.phone || null,
+				artForm: input.artForm,
+				experience: input.experience || null,
+			});
+
+			return { success: true, id: result.lastInsertRowid };
+		}),
+
+	getRegistrations: adminProcedure
+		.input(getRegistrationsSchema)
+		.handler(async ({ input }) => {
+			const conditions = [];
+
+			if (input.search) {
+				const searchTerm = `%${input.search}%`;
+				conditions.push(
+					and(
+						like(registration.firstName, searchTerm),
+						like(registration.lastName, searchTerm),
+						like(registration.email, searchTerm),
+					),
+				);
+			}
+
+			if (input.artForm) {
+				conditions.push(eq(registration.artForm, input.artForm));
+			}
+
+			if (input.fromDate) {
+				conditions.push(gte(registration.createdAt, new Date(input.fromDate)));
+			}
+
+			if (input.toDate) {
+				conditions.push(lte(registration.createdAt, new Date(input.toDate)));
+			}
+
+			const whereClause =
+				conditions.length > 0 ? and(...conditions) : undefined;
+
+			const [data, countResult] = await Promise.all([
+				db
+					.select()
+					.from(registration)
+					.where(whereClause)
+					.orderBy(desc(registration.createdAt))
+					.limit(input.pageSize)
+					.offset((input.page - 1) * input.pageSize),
+				db.select({ count: count() }).from(registration).where(whereClause),
+			]);
+
+			const total = countResult[0]?.count ?? 0;
+
+			return {
+				data,
+				pagination: {
+					page: input.page,
+					pageSize: input.pageSize,
+					total,
+					totalPages: Math.ceil(total / input.pageSize),
+				},
+			};
+		}),
+
+	getRegistrationStats: adminProcedure.handler(async () => {
+		const today = new Date();
+		today.setHours(0, 0, 0, 0);
+
+		const [totalResult, todayResult, artFormResult] = await Promise.all([
+			db.select({ count: count() }).from(registration),
+			db
+				.select({ count: count() })
+				.from(registration)
+				.where(gte(registration.createdAt, today)),
+			db
+				.select({
+					artForm: registration.artForm,
+					count: count(),
+				})
+				.from(registration)
+				.groupBy(registration.artForm),
+		]);
+
+		return {
+			total: totalResult[0]?.count ?? 0,
+			today: todayResult[0]?.count ?? 0,
+			byArtForm: artFormResult.map((r) => ({
+				artForm: r.artForm,
+				count: r.count,
+			})),
+		};
+	}),
+
+	exportRegistrations: adminProcedure.handler(async () => {
+		const data = await db
+			.select()
+			.from(registration)
+			.orderBy(desc(registration.createdAt));
+
+		const headers = [
+			"ID",
+			"First Name",
+			"Last Name",
+			"Email",
+			"Phone",
+			"Art Form",
+			"Experience",
+			"Created At",
+		];
+		const rows = data.map((r) => [
+			r.id,
+			r.firstName,
+			r.lastName,
+			r.email,
+			r.phone || "",
+			r.artForm,
+			r.experience || "",
+			r.createdAt.toISOString(),
+		]);
+
+		const csvContent = [
+			headers.join(","),
+			...rows.map((row) =>
+				row.map((cell) => `"${String(cell).replace(/"/g, '""')}"`).join(","),
+			),
+		].join("\n");
+
+		return {
+			csv: csvContent,
+			filename: `registrations-${new Date().toISOString().split("T")[0]}.csv`,
+		};
+	}),
+
+	// Admin Request Procedures
+	requestAdminAccess: protectedProcedure.handler(async ({ context }) => {
+		const userId = context.session.user.id;
+
+		// Check if user is already an admin
+		if (context.session.user.role === "admin") {
+			return { success: false, message: "Je bent al een admin" };
+		}
+
+		// Check if request already exists
+		const existingRequest = await db
+			.select()
+			.from(adminRequest)
+			.where(eq(adminRequest.userId, userId))
+			.limit(1);
+
+		if (existingRequest.length > 0) {
+			if (existingRequest[0].status === "pending") {
+				return { success: false, message: "Je hebt al een aanvraag openstaan" };
+			}
+			if (existingRequest[0].status === "approved") {
+				return {
+					success: false,
+					message: "Je aanvraag is al goedgekeurd, log opnieuw in",
+				};
+			}
+			if (existingRequest[0].status === "rejected") {
+				// Allow re-requesting if previously rejected
+				await db
+					.update(adminRequest)
+					.set({
+						status: "pending",
+						requestedAt: new Date(),
+						reviewedAt: null,
+						reviewedBy: null,
+					})
+					.where(eq(adminRequest.userId, userId));
+				return { success: true, message: "Nieuwe aanvraag ingediend" };
+			}
+		}
+
+		// Create new request
+		await db.insert(adminRequest).values({
+			id: randomUUID(),
+			userId,
+			status: "pending",
+		});
+
+		return { success: true, message: "Admin toegang aangevraagd" };
+	}),
+
+	getAdminRequests: adminProcedure.handler(async () => {
+		const requests = await db
+			.select({
+				id: adminRequest.id,
+				userId: adminRequest.userId,
+				status: adminRequest.status,
+				requestedAt: adminRequest.requestedAt,
+				reviewedAt: adminRequest.reviewedAt,
+				reviewedBy: adminRequest.reviewedBy,
+				userName: user.name,
+				userEmail: user.email,
+			})
+			.from(adminRequest)
+			.leftJoin(user, eq(adminRequest.userId, user.id))
+			.orderBy(desc(adminRequest.requestedAt));
+
+		return requests;
+	}),
+
+	approveAdminRequest: adminProcedure
+		.input(z.object({ requestId: z.string() }))
+		.handler(async ({ input, context }) => {
+			const request = await db
+				.select()
+				.from(adminRequest)
+				.where(eq(adminRequest.id, input.requestId))
+				.limit(1);
+
+			if (request.length === 0) {
+				throw new Error("Aanvraag niet gevonden");
+			}
+
+			if (request[0].status !== "pending") {
+				throw new Error("Deze aanvraag is al behandeld");
+			}
+
+			// Update request status
+			await db
+				.update(adminRequest)
+				.set({
+					status: "approved",
+					reviewedAt: new Date(),
+					reviewedBy: context.session.user.id,
+				})
+				.where(eq(adminRequest.id, input.requestId));
+
+			// Update user role to admin
+			await db
+				.update(user)
+				.set({ role: "admin" })
+				.where(eq(user.id, request[0].userId));
+
+			return { success: true, message: "Admin toegang goedgekeurd" };
+		}),
+
+	rejectAdminRequest: adminProcedure
+		.input(z.object({ requestId: z.string() }))
+		.handler(async ({ input, context }) => {
+			const request = await db
+				.select()
+				.from(adminRequest)
+				.where(eq(adminRequest.id, input.requestId))
+				.limit(1);
+
+			if (request.length === 0) {
+				throw new Error("Aanvraag niet gevonden");
+			}
+
+			if (request[0].status !== "pending") {
+				throw new Error("Deze aanvraag is al behandeld");
+			}
+
+			await db
+				.update(adminRequest)
+				.set({
+					status: "rejected",
+					reviewedAt: new Date(),
+					reviewedBy: context.session.user.id,
+				})
+				.where(eq(adminRequest.id, input.requestId));
+
+			return { success: true, message: "Admin toegang geweigerd" };
+		}),
 };
+
 export type AppRouter = typeof appRouter;
 export type AppRouterClient = RouterClient<typeof appRouter>;
diff --git a/packages/auth/src/index.ts b/packages/auth/src/index.ts
index 66415b6..ac20de8 100644
--- a/packages/auth/src/index.ts
+++ b/packages/auth/src/index.ts
@@ -15,5 +15,13 @@ export const auth = betterAuth({
 	emailAndPassword: {
 		enabled: true,
 	},
+	user: {
+		additionalFields: {
+			role: {
+				type: "string",
+				input: false,
+			},
+		},
+	},
 	plugins: [tanstackStartCookies()],
 });
diff --git a/packages/db/local.db-shm b/packages/db/local.db-shm
index fe9ac2845eca6fe6da8a63cd096d9cf9e24ece10..789003ade87e6ee54dffd4dd4ce72b8895087dee 100644
GIT binary patch
literal 32768
zcmeI*M@|Dl5QX7qf)l}*<RN2n&KVXg5E2*Q9$W>kz?vN^mTcH_15N-ZfNBGhWmyQz
zBSBC9B|X_5d1|V@158IRt8$gIq@<n``y8@7EM1@8-km)^-M^kMzg^_hk5}b~;mez-
z!T(#UO1Zx8RrPgQ!(U(Q*=n)0TG}k_mb4{f$y(fec}s_-)6!+>wiGNqmZGKC(r0nK
z`Yi*NK}*RJS=?ULeSUggz5DB3bNy;(t^HkZM!Std009ILKmY**5I_I{1Q0*~0R#|0
z009ILKmY**5I_I{1Q0*~0R#|0009ILKmY**5I_I{1Q0*~0R#|0009ILKmY**5I_I{
z1Q0*~fdmVbG_REe?-$={smgmI;_FAJzZZzKpwD-j{QWHddx92?|L*~ru3>>8Eo!ad
zyF$F7RTCkuo#>sv-zJslC1Y8xO_Q<op$P*13AC%M4ej_hI1?k#v_M)@+SG2-eQ1Dy
ze*zgzYfF3n4bH>}G%b+TjJCDkbRQZZ;GaNFBU<-wY$iq^27$arW9UK)1bh_e(3p>7
zGcy7)2)HvdC<MY3aHqvk2!tu%&Pk#W2veY-gD@9oYXt0Uyh9Wa2vne`qd+%jZ3KFC
k3<3gy3iQdHIZPoCqQHP=wG`sw?2Le&`aY*+9DX720msNNNB{r;

delta 93
zcmZo@U}|V!;+1%$%K!t6lN%YOMJ?DR*i0wi=ERUufXTqr|3?Fx8ySNgHcwzQwFdwM
CMjm+p

diff --git a/packages/db/local.db-wal b/packages/db/local.db-wal
index e69de29bb2d1d6434b8b29ae775ad8c2e48c5391..460988c829413a6db7a1be7db557d7c291f725b9 100644
GIT binary patch
literal 247232
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

literal 0
HcmV?d00001

diff --git a/packages/db/package.json b/packages/db/package.json
index 1d052a6..445f502 100644
--- a/packages/db/package.json
+++ b/packages/db/package.json
@@ -5,11 +5,18 @@
 		".": {
 			"default": "./src/index.ts"
 		},
+		"./schema": {
+			"default": "./src/schema/index.ts"
+		},
+		"./schema/*": {
+			"default": "./src/schema/*.ts"
+		},
 		"./*": {
 			"default": "./src/*.ts"
 		}
 	},
 	"scripts": {
+		"dev": "turso dev --db-file local.db",
 		"db:local": "turso dev --db-file local.db",
 		"db:push": "drizzle-kit push",
 		"db:generate": "drizzle-kit generate",
diff --git a/packages/db/src/schema/admin-requests.ts b/packages/db/src/schema/admin-requests.ts
new file mode 100644
index 0000000..cd2870e
--- /dev/null
+++ b/packages/db/src/schema/admin-requests.ts
@@ -0,0 +1,23 @@
+import { sql } from "drizzle-orm";
+import { index, integer, sqliteTable, text } from "drizzle-orm/sqlite-core";
+
+export const adminRequest = sqliteTable(
+	"admin_request",
+	{
+		id: text("id").primaryKey(),
+		userId: text("user_id").notNull().unique(),
+		status: text("status").default("pending").notNull(), // pending, approved, rejected
+		requestedAt: integer("requested_at", { mode: "timestamp_ms" })
+			.default(sql`(cast(unixepoch('subsecond') * 1000 as integer))`)
+			.notNull(),
+		reviewedAt: integer("reviewed_at", { mode: "timestamp_ms" }),
+		reviewedBy: text("reviewed_by"),
+	},
+	(table) => [
+		index("admin_request_userId_idx").on(table.userId),
+		index("admin_request_status_idx").on(table.status),
+	],
+);
+
+export type AdminRequest = typeof adminRequest.$inferSelect;
+export type NewAdminRequest = typeof adminRequest.$inferInsert;
diff --git a/packages/db/src/schema/auth.ts b/packages/db/src/schema/auth.ts
index 30e12e4..1b1a3b2 100644
--- a/packages/db/src/schema/auth.ts
+++ b/packages/db/src/schema/auth.ts
@@ -9,6 +9,7 @@ export const user = sqliteTable("user", {
 		.default(false)
 		.notNull(),
 	image: text("image"),
+	role: text("role").default("user").notNull(),
 	createdAt: integer("created_at", { mode: "timestamp_ms" })
 		.default(sql`(cast(unixepoch('subsecond') * 1000 as integer))`)
 		.notNull(),
diff --git a/packages/db/src/schema/index.ts b/packages/db/src/schema/index.ts
index 97ccf76..58e3e16 100644
--- a/packages/db/src/schema/index.ts
+++ b/packages/db/src/schema/index.ts
@@ -1 +1,3 @@
+export * from "./admin-requests";
 export * from "./auth";
+export * from "./registrations";
diff --git a/packages/db/src/schema/registrations.ts b/packages/db/src/schema/registrations.ts
new file mode 100644
index 0000000..c161f30
--- /dev/null
+++ b/packages/db/src/schema/registrations.ts
@@ -0,0 +1,23 @@
+import { sql } from "drizzle-orm";
+import { index, integer, sqliteTable, text } from "drizzle-orm/sqlite-core";
+
+export const registration = sqliteTable(
+	"registration",
+	{
+		id: text("id").primaryKey(),
+		firstName: text("first_name").notNull(),
+		lastName: text("last_name").notNull(),
+		email: text("email").notNull(),
+		phone: text("phone"),
+		artForm: text("art_form").notNull(),
+		experience: text("experience"),
+		createdAt: integer("created_at", { mode: "timestamp_ms" })
+			.default(sql`(cast(unixepoch('subsecond') * 1000 as integer))`)
+			.notNull(),
+	},
+	(table) => [
+		index("registration_email_idx").on(table.email),
+		index("registration_artForm_idx").on(table.artForm),
+		index("registration_createdAt_idx").on(table.createdAt),
+	],
+);
diff --git a/turbo.json b/turbo.json
index 7dc44e0..d85764a 100644
--- a/turbo.json
+++ b/turbo.json
@@ -32,7 +32,8 @@
 			"persistent": true
 		},
 		"db:local": {
-			"cache": false
+			"cache": false,
+			"persistent": true
 		},
 		"deploy": {
 			"cache": false