diff --git a/apps/app-portal/src/app/(admin)/admin/page.tsx b/apps/app-portal/src/app/(admin)/admin/page.tsx
new file mode 100644
index 00000000..7a10e74e
--- /dev/null
+++ b/apps/app-portal/src/app/(admin)/admin/page.tsx
@@ -0,0 +1,34 @@
+import React from "react";
+const tiles = [
+  {
+    title: "Settings",
+  },
+  {
+    title: "Applicants",
+  },
+  {
+    title: "Stats",
+  },
+];
+
+export default function AdminPage() {
+  return (
+    <div className="space-y-6">
+      <div>
+        <h1 className="text-3xl font-bold">Admin Dashboard</h1>
+
+        <p className="text-gray-500 mt-1">Welcome to the admin portal.</p>
+      </div>
+
+      <div className="grid gap-6 sm:grid-cols-2 lg:grid-cols-3">
+        {tiles.map((t) => (
+          <div key={t.title} className="rounded-xl border p-6 shadow-sm">
+            <h2 className="text-xl font-semibold">{t.title}</h2>
+
+            <div className="mt-4 text-sm font-medium text-blue-600">Open →</div>
+          </div>
+        ))}
+      </div>
+    </div>
+  );
+}
diff --git a/apps/app-portal/src/app/(admin)/admin/settings/page.tsx b/apps/app-portal/src/app/(admin)/admin/settings/page.tsx
new file mode 100644
index 00000000..b85845c5
--- /dev/null
+++ b/apps/app-portal/src/app/(admin)/admin/settings/page.tsx
@@ -0,0 +1,14 @@
+import React from "react";
+import ShowDecisionToggle from "@/components/admin/ShowDecisionToggle";
+import DateControls from "@/components/admin/DateControl";
+import FormConfigEditor from "@/components/admin/FormConfigEditor";
+
+export default function Page() {
+  return (
+    <div>
+      <ShowDecisionToggle />
+      <DateControls />
+      <FormConfigEditor />
+    </div>
+  );
+}
diff --git a/apps/app-portal/src/app/(admin)/layout.tsx b/apps/app-portal/src/app/(admin)/layout.tsx
new file mode 100644
index 00000000..ebb71369
--- /dev/null
+++ b/apps/app-portal/src/app/(admin)/layout.tsx
@@ -0,0 +1,25 @@
+import React from "react";
+import Link from "next/link";
+
+export default function AdminLayout() {
+  return (
+    <div className="flex min-h-screen">
+      <aside className="w-64 border-r p-4">
+        <h2 className="font-bold mb-4">Admin</h2>
+
+        <nav className="flex flex-col gap-2">
+          <Link href="/admin">Dashboard</Link>
+          <Link href="/admin/settings">Settings</Link>
+          <Link href="/admin/applicants">Applicants</Link>
+          <Link href="/admin/stats">Stats</Link>
+        </nav>
+      </aside>
+
+      <main className="flex-1">
+        <header className="border-b p-4">
+          <h1 className="text-xl font-semibold">Admin Portal</h1>
+        </header>
+      </main>
+    </div>
+  );
+}
diff --git a/apps/app-portal/src/app/api/v1/admin/form-config/route.ts b/apps/app-portal/src/app/api/v1/admin/form-config/route.ts
new file mode 100644
index 00000000..dd7eef65
--- /dev/null
+++ b/apps/app-portal/src/app/api/v1/admin/form-config/route.ts
@@ -0,0 +1,59 @@
+import { NextResponse } from "next/server";
+
+type QuestionType = "text" | "textarea";
+
+type Question = {
+  id: string;
+  label: string;
+  type: QuestionType;
+};
+
+type Section = {
+  id: string;
+  title: string;
+  questions: Question[];
+};
+
+type FormConfig = {
+  sections: Section[];
+};
+
+const mockFormConfig: FormConfig = {
+  sections: [
+    {
+      id: "basic",
+      title: "Basic Info",
+      questions: [
+        {
+          id: "name",
+          label: "Full Name",
+          type: "text",
+        },
+        {
+          id: "reason",
+          label: "Why are you applying?",
+          type: "textarea",
+        },
+      ],
+    },
+    {
+      id: "experience",
+      title: "Experience",
+      questions: [
+        {
+          id: "background",
+          label: "Tell us about your background",
+          type: "textarea",
+        },
+      ],
+    },
+  ],
+};
+
+export async function GET() {
+  return NextResponse.json(mockFormConfig);
+}
+
+export async function POST() {
+  return NextResponse.json({ message: "Not implemented" }, { status: 501 });
+}
diff --git a/apps/app-portal/src/app/api/v1/dates/confirm-by/route.ts b/apps/app-portal/src/app/api/v1/dates/confirm-by/route.ts
new file mode 100644
index 00000000..ecf3dac2
--- /dev/null
+++ b/apps/app-portal/src/app/api/v1/dates/confirm-by/route.ts
@@ -0,0 +1,27 @@
+import { NextResponse } from "next/server";
+import { SingletonKey } from "@/lib/admin/singleton-keys";
+
+type SingletonResponse = {
+  key: SingletonKey;
+  value: string;
+};
+
+export async function GET() {
+  const data: SingletonResponse = {
+    key: "confirm-by",
+    value: "2026-06-15T23:59:00Z",
+  };
+
+  return NextResponse.json(data);
+}
+
+export async function POST() {
+  return NextResponse.json(
+    {
+      message: "Not implemented",
+    },
+    {
+      status: 501,
+    },
+  );
+}
diff --git a/apps/app-portal/src/app/api/v1/dates/registration-closed/route.ts b/apps/app-portal/src/app/api/v1/dates/registration-closed/route.ts
new file mode 100644
index 00000000..0f88631e
--- /dev/null
+++ b/apps/app-portal/src/app/api/v1/dates/registration-closed/route.ts
@@ -0,0 +1,27 @@
+import { NextResponse } from "next/server";
+import { SingletonKey } from "@/lib/admin/singleton-keys";
+
+type SingletonResponse = {
+  key: SingletonKey;
+  value: string;
+};
+
+export async function GET() {
+  const data: SingletonResponse = {
+    key: "registration-closed",
+    value: "2026-06-15T23:59:00Z",
+  };
+
+  return NextResponse.json(data);
+}
+
+export async function POST() {
+  return NextResponse.json(
+    {
+      message: "Not implemented",
+    },
+    {
+      status: 501,
+    },
+  );
+}
diff --git a/apps/app-portal/src/app/api/v1/dates/registration-open/route.ts b/apps/app-portal/src/app/api/v1/dates/registration-open/route.ts
new file mode 100644
index 00000000..72511a76
--- /dev/null
+++ b/apps/app-portal/src/app/api/v1/dates/registration-open/route.ts
@@ -0,0 +1,27 @@
+import { NextResponse } from "next/server";
+import { SingletonKey } from "@/lib/admin/singleton-keys";
+
+type SingletonResponse = {
+  key: SingletonKey;
+  value: string;
+};
+
+export async function GET() {
+  const data: SingletonResponse = {
+    key: "registration-open",
+    value: "2026-06-15T23:59:00Z",
+  };
+
+  return NextResponse.json(data);
+}
+
+export async function POST() {
+  return NextResponse.json(
+    {
+      message: "Not implemented",
+    },
+    {
+      status: 501,
+    },
+  );
+}
diff --git a/apps/app-portal/src/app/api/v1/show-decision/route.ts b/apps/app-portal/src/app/api/v1/show-decision/route.ts
new file mode 100644
index 00000000..769e7e1b
--- /dev/null
+++ b/apps/app-portal/src/app/api/v1/show-decision/route.ts
@@ -0,0 +1,27 @@
+import { NextResponse } from "next/server";
+import { SingletonKey } from "@/lib/admin/singleton-keys";
+
+type SingletonResponse = {
+  key: SingletonKey;
+  value: string;
+};
+
+export async function GET() {
+  const data: SingletonResponse = {
+    key: "show-decision",
+    value: "2026-06-15T23:59:00Z",
+  };
+
+  return NextResponse.json(data);
+}
+
+export async function POST() {
+  return NextResponse.json(
+    {
+      message: "Not implemented",
+    },
+    {
+      status: 501,
+    },
+  );
+}
diff --git a/apps/app-portal/src/components/admin/AdminSidebar.tsx b/apps/app-portal/src/components/admin/AdminSidebar.tsx
new file mode 100644
index 00000000..c5508f6c
--- /dev/null
+++ b/apps/app-portal/src/components/admin/AdminSidebar.tsx
@@ -0,0 +1,5 @@
+import React from "react";
+
+export default function AdminSidebar() {
+  return <div>AdminSidebar here</div>;
+}
diff --git a/apps/app-portal/src/components/admin/DateControl.tsx b/apps/app-portal/src/components/admin/DateControl.tsx
new file mode 100644
index 00000000..0becc7a5
--- /dev/null
+++ b/apps/app-portal/src/components/admin/DateControl.tsx
@@ -0,0 +1,13 @@
+import React from "react";
+
+export default function DateControls() {
+  return (
+    <div className="border p-4 rounded-lg space-y-4">
+      <h2 className="text-lg font-semibold">Application Deadline</h2>
+
+      <input type="datetime-local" className="border p-2 rounded w-full" />
+
+      <button>Save</button>
+    </div>
+  );
+}
diff --git a/apps/app-portal/src/components/admin/FormConfigEditor.tsx b/apps/app-portal/src/components/admin/FormConfigEditor.tsx
new file mode 100644
index 00000000..4f56b78d
--- /dev/null
+++ b/apps/app-portal/src/components/admin/FormConfigEditor.tsx
@@ -0,0 +1,18 @@
+import React from "react";
+
+export default function FormConfigEditor() {
+  return (
+    <div className="border p-4 rounded-lg space-y-4">
+      <div className="flex items-center justify-between">
+        <h2 className="text-lg font-semibold">Form Questions</h2>
+
+        <button className="border px-3 py-1 rounded">Add Question</button>
+      </div>
+
+      <div>
+        Add Question here
+        <button className="border px-3 py-1 rounded">Edit</button>
+      </div>
+    </div>
+  );
+}
diff --git a/apps/app-portal/src/components/admin/ShowDecisionToggle.tsx b/apps/app-portal/src/components/admin/ShowDecisionToggle.tsx
new file mode 100644
index 00000000..7fe12bb1
--- /dev/null
+++ b/apps/app-portal/src/components/admin/ShowDecisionToggle.tsx
@@ -0,0 +1,22 @@
+"use client";
+
+import { useState } from "react";
+import React from "react";
+
+export default function ShowDecisionToggle() {
+  const [enabled, setEnabled] = useState(false);
+
+  return (
+    <div className="border rounded-lg p-4">
+      <h3 className="font-semibold mb-2">Show Decision</h3>
+      <label className="flex items-center gap-2">
+        <input
+          type="checkbox"
+          checked={enabled}
+          onChange={() => setEnabled(!enabled)}
+        />
+        <span>{enabled ? "Enabled" : "Disabled"}</span>
+      </label>
+    </div>
+  );
+}
diff --git a/apps/app-portal/src/components/ui/badge.tsx b/apps/app-portal/src/components/ui/badge.tsx
index 70697bb4..18cc90c5 100644
--- a/apps/app-portal/src/components/ui/badge.tsx
+++ b/apps/app-portal/src/components/ui/badge.tsx
@@ -3,24 +3,31 @@ import { cva, type VariantProps } from "class-variance-authority";
 
 import { cn } from "@/lib/utils";
 
-const badgeVariants = cva("inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors", {
-  variants: {
-    variant: {
-      default: "border-transparent bg-black text-white",
-      secondary: "border-transparent bg-neutral-100 text-neutral-900",
-      destructive: "border-transparent bg-red-600 text-white",
-      outline: "text-neutral-950",
+const badgeVariants = cva(
+  "inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors",
+  {
+    variants: {
+      variant: {
+        default: "border-transparent bg-black text-white",
+        secondary: "border-transparent bg-neutral-100 text-neutral-900",
+        destructive: "border-transparent bg-red-600 text-white",
+        outline: "text-neutral-950",
+      },
+    },
+    defaultVariants: {
+      variant: "default",
     },
   },
-  defaultVariants: {
-    variant: "default",
-  },
-});
+);
 
-export interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {}
+export interface BadgeProps
+  extends React.HTMLAttributes<HTMLDivElement>,
+    VariantProps<typeof badgeVariants> {}
 
 function Badge({ className, variant, ...props }: BadgeProps) {
-  return <div className={cn(badgeVariants({ variant }), className)} {...props} />;
+  return (
+    <div className={cn(badgeVariants({ variant }), className)} {...props} />
+  );
 }
 
 export { Badge, badgeVariants };
diff --git a/apps/app-portal/src/components/ui/button.tsx b/apps/app-portal/src/components/ui/button.tsx
index f9e012f6..e83b1544 100644
--- a/apps/app-portal/src/components/ui/button.tsx
+++ b/apps/app-portal/src/components/ui/button.tsx
@@ -37,7 +37,13 @@ export interface ButtonProps
 const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
   ({ className, variant, size, asChild = false, ...props }, ref) => {
     const Comp = asChild ? Slot : "button";
-    return <Comp className={cn(buttonVariants({ variant, size, className }))} ref={ref} {...props} />;
+    return (
+      <Comp
+        className={cn(buttonVariants({ variant, size, className }))}
+        ref={ref}
+        {...props}
+      />
+    );
   },
 );
 Button.displayName = "Button";
diff --git a/apps/app-portal/src/components/ui/card.tsx b/apps/app-portal/src/components/ui/card.tsx
index aabcebb2..dc5a24d4 100644
--- a/apps/app-portal/src/components/ui/card.tsx
+++ b/apps/app-portal/src/components/ui/card.tsx
@@ -2,34 +2,82 @@ import * as React from "react";
 
 import { cn } from "@/lib/utils";
 
-const Card = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(({ className, ...props }, ref) => (
-  <div ref={ref} className={cn("rounded-xl border border-neutral-200 bg-white text-neutral-950 shadow-sm", className)} {...props} />
+const Card = React.forwardRef<
+  HTMLDivElement,
+  React.HTMLAttributes<HTMLDivElement>
+>(({ className, ...props }, ref) => (
+  <div
+    ref={ref}
+    className={cn(
+      "rounded-xl border border-neutral-200 bg-white text-neutral-950 shadow-sm",
+      className,
+    )}
+    {...props}
+  />
 ));
 Card.displayName = "Card";
 
-const CardHeader = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(({ className, ...props }, ref) => (
-  <div ref={ref} className={cn("flex flex-col space-y-1.5 p-6", className)} {...props} />
+const CardHeader = React.forwardRef<
+  HTMLDivElement,
+  React.HTMLAttributes<HTMLDivElement>
+>(({ className, ...props }, ref) => (
+  <div
+    ref={ref}
+    className={cn("flex flex-col space-y-1.5 p-6", className)}
+    {...props}
+  />
 ));
 CardHeader.displayName = "CardHeader";
 
-const CardTitle = React.forwardRef<HTMLParagraphElement, React.HTMLAttributes<HTMLHeadingElement>>(
-  ({ className, ...props }, ref) => <h3 ref={ref} className={cn("font-semibold leading-none tracking-tight", className)} {...props} />,
-);
+const CardTitle = React.forwardRef<
+  HTMLParagraphElement,
+  React.HTMLAttributes<HTMLHeadingElement>
+>(({ className, ...props }, ref) => (
+  <h3
+    ref={ref}
+    className={cn("font-semibold leading-none tracking-tight", className)}
+    {...props}
+  />
+));
 CardTitle.displayName = "CardTitle";
 
-const CardDescription = React.forwardRef<HTMLParagraphElement, React.HTMLAttributes<HTMLParagraphElement>>(
-  ({ className, ...props }, ref) => <p ref={ref} className={cn("text-sm text-neutral-500", className)} {...props} />,
-);
+const CardDescription = React.forwardRef<
+  HTMLParagraphElement,
+  React.HTMLAttributes<HTMLParagraphElement>
+>(({ className, ...props }, ref) => (
+  <p
+    ref={ref}
+    className={cn("text-sm text-neutral-500", className)}
+    {...props}
+  />
+));
 CardDescription.displayName = "CardDescription";
 
-const CardContent = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(({ className, ...props }, ref) => (
+const CardContent = React.forwardRef<
+  HTMLDivElement,
+  React.HTMLAttributes<HTMLDivElement>
+>(({ className, ...props }, ref) => (
   <div ref={ref} className={cn("p-6 pt-0", className)} {...props} />
 ));
 CardContent.displayName = "CardContent";
 
-const CardFooter = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(({ className, ...props }, ref) => (
-  <div ref={ref} className={cn("flex items-center p-6 pt-0", className)} {...props} />
+const CardFooter = React.forwardRef<
+  HTMLDivElement,
+  React.HTMLAttributes<HTMLDivElement>
+>(({ className, ...props }, ref) => (
+  <div
+    ref={ref}
+    className={cn("flex items-center p-6 pt-0", className)}
+    {...props}
+  />
 ));
 CardFooter.displayName = "CardFooter";
 
-export { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent };
+export {
+  Card,
+  CardHeader,
+  CardFooter,
+  CardTitle,
+  CardDescription,
+  CardContent,
+};
diff --git a/apps/app-portal/src/components/ui/checkbox.tsx b/apps/app-portal/src/components/ui/checkbox.tsx
index 6e2536e5..625c280a 100644
--- a/apps/app-portal/src/components/ui/checkbox.tsx
+++ b/apps/app-portal/src/components/ui/checkbox.tsx
@@ -16,7 +16,9 @@ const Checkbox = React.forwardRef<
     )}
     {...props}
   >
-    <CheckboxPrimitive.Indicator className={cn("flex items-center justify-center text-current")}>
+    <CheckboxPrimitive.Indicator
+      className={cn("flex items-center justify-center text-current")}
+    >
       <Check className="h-4 w-4" />
     </CheckboxPrimitive.Indicator>
   </CheckboxPrimitive.Root>
diff --git a/apps/app-portal/src/components/ui/dialog.tsx b/apps/app-portal/src/components/ui/dialog.tsx
index 9148a4a8..13f373a4 100644
--- a/apps/app-portal/src/components/ui/dialog.tsx
+++ b/apps/app-portal/src/components/ui/dialog.tsx
@@ -15,7 +15,10 @@ const DialogOverlay = React.forwardRef<
 >(({ className, ...props }, ref) => (
   <DialogPrimitive.Overlay
     ref={ref}
-    className={cn("fixed inset-0 z-50 bg-black/50 backdrop-blur-[1px]", className)}
+    className={cn(
+      "fixed inset-0 z-50 bg-black/50 backdrop-blur-[1px]",
+      className,
+    )}
     {...props}
   />
 ));
@@ -45,13 +48,31 @@ const DialogContent = React.forwardRef<
 ));
 DialogContent.displayName = DialogPrimitive.Content.displayName;
 
-const DialogHeader = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (
-  <div className={cn("flex flex-col space-y-1.5 text-center sm:text-left", className)} {...props} />
+const DialogHeader = ({
+  className,
+  ...props
+}: React.HTMLAttributes<HTMLDivElement>) => (
+  <div
+    className={cn(
+      "flex flex-col space-y-1.5 text-center sm:text-left",
+      className,
+    )}
+    {...props}
+  />
 );
 DialogHeader.displayName = "DialogHeader";
 
-const DialogFooter = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (
-  <div className={cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className)} {...props} />
+const DialogFooter = ({
+  className,
+  ...props
+}: React.HTMLAttributes<HTMLDivElement>) => (
+  <div
+    className={cn(
+      "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
+      className,
+    )}
+    {...props}
+  />
 );
 DialogFooter.displayName = "DialogFooter";
 
@@ -59,7 +80,14 @@ const DialogTitle = React.forwardRef<
   React.ElementRef<typeof DialogPrimitive.Title>,
   React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>
 >(({ className, ...props }, ref) => (
-  <DialogPrimitive.Title ref={ref} className={cn("text-lg font-semibold leading-none tracking-tight", className)} {...props} />
+  <DialogPrimitive.Title
+    ref={ref}
+    className={cn(
+      "text-lg font-semibold leading-none tracking-tight",
+      className,
+    )}
+    {...props}
+  />
 ));
 DialogTitle.displayName = DialogPrimitive.Title.displayName;
 
@@ -67,7 +95,11 @@ const DialogDescription = React.forwardRef<
   React.ElementRef<typeof DialogPrimitive.Description>,
   React.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>
 >(({ className, ...props }, ref) => (
-  <DialogPrimitive.Description ref={ref} className={cn("text-sm text-neutral-500", className)} {...props} />
+  <DialogPrimitive.Description
+    ref={ref}
+    className={cn("text-sm text-neutral-500", className)}
+    {...props}
+  />
 ));
 DialogDescription.displayName = DialogPrimitive.Description.displayName;
 
diff --git a/apps/app-portal/src/components/ui/form.tsx b/apps/app-portal/src/components/ui/form.tsx
index 5db7a365..1badcdde 100644
--- a/apps/app-portal/src/components/ui/form.tsx
+++ b/apps/app-portal/src/components/ui/form.tsx
@@ -2,18 +2,30 @@
 
 import * as React from "react";
 import { Slot } from "@radix-ui/react-slot";
-import { Controller, FormProvider, useFormContext, type ControllerProps, type FieldPath, type FieldValues } from "react-hook-form";
+import {
+  Controller,
+  FormProvider,
+  useFormContext,
+  type ControllerProps,
+  type FieldPath,
+  type FieldValues,
+} from "react-hook-form";
 
 import { Label } from "@/components/ui/label";
 import { cn } from "@/lib/utils";
 
 const Form = FormProvider;
 
-type FormFieldContextValue<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = {
+type FormFieldContextValue<
+  TFieldValues extends FieldValues = FieldValues,
+  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,
+> = {
   name: TName;
 };
 
-const FormFieldContext = React.createContext<FormFieldContextValue>({} as FormFieldContextValue);
+const FormFieldContext = React.createContext<FormFieldContextValue>(
+  {} as FormFieldContextValue,
+);
 
 const FormField = <
   TFieldValues extends FieldValues = FieldValues,
@@ -55,9 +67,14 @@ type FormItemContextValue = {
   id: string;
 };
 
-const FormItemContext = React.createContext<FormItemContextValue>({} as FormItemContextValue);
+const FormItemContext = React.createContext<FormItemContextValue>(
+  {} as FormItemContextValue,
+);
 
-const FormItem = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(({ className, ...props }, ref) => {
+const FormItem = React.forwardRef<
+  HTMLDivElement,
+  React.HTMLAttributes<HTMLDivElement>
+>(({ className, ...props }, ref) => {
   const id = React.useId();
 
   return (
@@ -68,23 +85,39 @@ const FormItem = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivEl
 });
 FormItem.displayName = "FormItem";
 
-const FormLabel = React.forwardRef<React.ElementRef<typeof Label>, React.ComponentPropsWithoutRef<typeof Label>>(
-  ({ className, ...props }, ref) => {
-    const { error, formItemId } = useFormField();
+const FormLabel = React.forwardRef<
+  React.ElementRef<typeof Label>,
+  React.ComponentPropsWithoutRef<typeof Label>
+>(({ className, ...props }, ref) => {
+  const { error, formItemId } = useFormField();
 
-    return <Label ref={ref} className={cn(error && "text-red-600", className)} htmlFor={formItemId} {...props} />;
-  },
-);
+  return (
+    <Label
+      ref={ref}
+      className={cn(error && "text-red-600", className)}
+      htmlFor={formItemId}
+      {...props}
+    />
+  );
+});
 FormLabel.displayName = "FormLabel";
 
-const FormControl = React.forwardRef<React.ElementRef<typeof Slot>, React.ComponentPropsWithoutRef<typeof Slot>>(({ ...props }, ref) => {
-  const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
+const FormControl = React.forwardRef<
+  React.ElementRef<typeof Slot>,
+  React.ComponentPropsWithoutRef<typeof Slot>
+>(({ ...props }, ref) => {
+  const { error, formItemId, formDescriptionId, formMessageId } =
+    useFormField();
 
   return (
     <Slot
       ref={ref}
       id={formItemId}
-      aria-describedby={!error ? `${formDescriptionId}` : `${formDescriptionId} ${formMessageId}`}
+      aria-describedby={
+        !error
+          ? `${formDescriptionId}`
+          : `${formDescriptionId} ${formMessageId}`
+      }
       aria-invalid={!!error}
       {...props}
     />
@@ -92,16 +125,27 @@ const FormControl = React.forwardRef<React.ElementRef<typeof Slot>, React.Compon
 });
 FormControl.displayName = "FormControl";
 
-const FormDescription = React.forwardRef<HTMLParagraphElement, React.HTMLAttributes<HTMLParagraphElement>>(
-  ({ className, ...props }, ref) => {
-    const { formDescriptionId } = useFormField();
+const FormDescription = React.forwardRef<
+  HTMLParagraphElement,
+  React.HTMLAttributes<HTMLParagraphElement>
+>(({ className, ...props }, ref) => {
+  const { formDescriptionId } = useFormField();
 
-    return <p ref={ref} id={formDescriptionId} className={cn("text-sm text-neutral-500", className)} {...props} />;
-  },
-);
+  return (
+    <p
+      ref={ref}
+      id={formDescriptionId}
+      className={cn("text-sm text-neutral-500", className)}
+      {...props}
+    />
+  );
+});
 FormDescription.displayName = "FormDescription";
 
-const FormMessage = React.forwardRef<HTMLParagraphElement, React.HTMLAttributes<HTMLParagraphElement>>(({ className, children, ...props }, ref) => {
+const FormMessage = React.forwardRef<
+  HTMLParagraphElement,
+  React.HTMLAttributes<HTMLParagraphElement>
+>(({ className, children, ...props }, ref) => {
   const { error, formMessageId } = useFormField();
   const body = error ? String(error?.message ?? "") : children;
 
@@ -110,11 +154,25 @@ const FormMessage = React.forwardRef<HTMLParagraphElement, React.HTMLAttributes<
   }
 
   return (
-    <p ref={ref} id={formMessageId} className={cn("text-sm font-medium text-red-600", className)} {...props}>
+    <p
+      ref={ref}
+      id={formMessageId}
+      className={cn("text-sm font-medium text-red-600", className)}
+      {...props}
+    >
       {body}
     </p>
   );
 });
 FormMessage.displayName = "FormMessage";
 
-export { useFormField, Form, FormItem, FormLabel, FormControl, FormDescription, FormMessage, FormField };
+export {
+  useFormField,
+  Form,
+  FormItem,
+  FormLabel,
+  FormControl,
+  FormDescription,
+  FormMessage,
+  FormField,
+};
diff --git a/apps/app-portal/src/components/ui/input.tsx b/apps/app-portal/src/components/ui/input.tsx
index fa6dde2c..5aa8417b 100644
--- a/apps/app-portal/src/components/ui/input.tsx
+++ b/apps/app-portal/src/components/ui/input.tsx
@@ -2,21 +2,23 @@ import * as React from "react";
 
 import { cn } from "@/lib/utils";
 
-export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {}
+export type InputProps = React.ComponentProps<"input">;
 
-const Input = React.forwardRef<HTMLInputElement, InputProps>(({ className, type, ...props }, ref) => {
-  return (
-    <input
-      type={type}
-      className={cn(
-        "flex h-10 w-full rounded-md border border-neutral-300 bg-white px-3 py-2 text-sm placeholder:text-neutral-500 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-neutral-900 disabled:cursor-not-allowed disabled:opacity-50",
-        className,
-      )}
-      ref={ref}
-      {...props}
-    />
-  );
-});
+const Input = React.forwardRef<HTMLInputElement, InputProps>(
+  ({ className, type, ...props }, ref) => {
+    return (
+      <input
+        type={type}
+        className={cn(
+          "flex h-10 w-full rounded-md border border-neutral-300 bg-white px-3 py-2 text-sm placeholder:text-neutral-500 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-neutral-900 disabled:cursor-not-allowed disabled:opacity-50",
+          className,
+        )}
+        ref={ref}
+        {...props}
+      />
+    );
+  },
+);
 Input.displayName = "Input";
 
 export { Input };
diff --git a/apps/app-portal/src/components/ui/label.tsx b/apps/app-portal/src/components/ui/label.tsx
index 7722460a..162c6462 100644
--- a/apps/app-portal/src/components/ui/label.tsx
+++ b/apps/app-portal/src/components/ui/label.tsx
@@ -4,13 +4,22 @@ import { cva, type VariantProps } from "class-variance-authority";
 
 import { cn } from "@/lib/utils";
 
-const labelVariants = cva("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70");
+const labelVariants = cva(
+  "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
+);
 
 const Label = React.forwardRef<
   React.ElementRef<typeof LabelPrimitive.Root>,
-  React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root> & VariantProps<typeof labelVariants>
+  React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root> &
+    VariantProps<typeof labelVariants>
 >(({ className, ...props }, ref) => {
-  return <LabelPrimitive.Root ref={ref} className={cn(labelVariants(), className)} {...props} />;
+  return (
+    <LabelPrimitive.Root
+      ref={ref}
+      className={cn(labelVariants(), className)}
+      {...props}
+    />
+  );
 });
 Label.displayName = LabelPrimitive.Root.displayName;
 
diff --git a/apps/app-portal/src/components/ui/select.tsx b/apps/app-portal/src/components/ui/select.tsx
index 72932779..d0b14558 100644
--- a/apps/app-portal/src/components/ui/select.tsx
+++ b/apps/app-portal/src/components/ui/select.tsx
@@ -32,7 +32,14 @@ const SelectScrollUpButton = React.forwardRef<
   React.ElementRef<typeof SelectPrimitive.ScrollUpButton>,
   React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollUpButton>
 >(({ className, ...props }, ref) => (
-  <SelectPrimitive.ScrollUpButton ref={ref} className={cn("flex cursor-default items-center justify-center py-1", className)} {...props}>
+  <SelectPrimitive.ScrollUpButton
+    ref={ref}
+    className={cn(
+      "flex cursor-default items-center justify-center py-1",
+      className,
+    )}
+    {...props}
+  >
     <ChevronUp className="h-4 w-4" />
   </SelectPrimitive.ScrollUpButton>
 ));
@@ -44,13 +51,17 @@ const SelectScrollDownButton = React.forwardRef<
 >(({ className, ...props }, ref) => (
   <SelectPrimitive.ScrollDownButton
     ref={ref}
-    className={cn("flex cursor-default items-center justify-center py-1", className)}
+    className={cn(
+      "flex cursor-default items-center justify-center py-1",
+      className,
+    )}
     {...props}
   >
     <ChevronDown className="h-4 w-4" />
   </SelectPrimitive.ScrollDownButton>
 ));
-SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
+SelectScrollDownButton.displayName =
+  SelectPrimitive.ScrollDownButton.displayName;
 
 const SelectContent = React.forwardRef<
   React.ElementRef<typeof SelectPrimitive.Content>,
@@ -68,7 +79,13 @@ const SelectContent = React.forwardRef<
       {...props}
     >
       <SelectScrollUpButton />
-      <SelectPrimitive.Viewport className={cn("p-1", position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]")}>
+      <SelectPrimitive.Viewport
+        className={cn(
+          "p-1",
+          position === "popper" &&
+            "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]",
+        )}
+      >
         {children}
       </SelectPrimitive.Viewport>
       <SelectScrollDownButton />
@@ -80,7 +97,13 @@ SelectContent.displayName = SelectPrimitive.Content.displayName;
 const SelectLabel = React.forwardRef<
   React.ElementRef<typeof SelectPrimitive.Label>,
   React.ComponentPropsWithoutRef<typeof SelectPrimitive.Label>
->(({ className, ...props }, ref) => <SelectPrimitive.Label ref={ref} className={cn("py-1.5 pl-8 pr-2 text-sm font-semibold", className)} {...props} />);
+>(({ className, ...props }, ref) => (
+  <SelectPrimitive.Label
+    ref={ref}
+    className={cn("py-1.5 pl-8 pr-2 text-sm font-semibold", className)}
+    {...props}
+  />
+));
 SelectLabel.displayName = SelectPrimitive.Label.displayName;
 
 const SelectItem = React.forwardRef<
@@ -108,7 +131,13 @@ SelectItem.displayName = SelectPrimitive.Item.displayName;
 const SelectSeparator = React.forwardRef<
   React.ElementRef<typeof SelectPrimitive.Separator>,
   React.ComponentPropsWithoutRef<typeof SelectPrimitive.Separator>
->(({ className, ...props }, ref) => <SelectPrimitive.Separator ref={ref} className={cn("-mx-1 my-1 h-px bg-neutral-100", className)} {...props} />);
+>(({ className, ...props }, ref) => (
+  <SelectPrimitive.Separator
+    ref={ref}
+    className={cn("-mx-1 my-1 h-px bg-neutral-100", className)}
+    {...props}
+  />
+));
 SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
 
 export {
diff --git a/apps/app-portal/src/components/ui/sonner.tsx b/apps/app-portal/src/components/ui/sonner.tsx
index 595eaa15..a1e6490d 100644
--- a/apps/app-portal/src/components/ui/sonner.tsx
+++ b/apps/app-portal/src/components/ui/sonner.tsx
@@ -6,7 +6,14 @@ import { Toaster as Sonner } from "sonner";
 type ToasterProps = React.ComponentProps<typeof Sonner>;
 
 const Toaster = ({ ...props }: ToasterProps) => {
-  return <Sonner className="toaster group" position="top-right" richColors {...props} />;
+  return (
+    <Sonner
+      className="toaster group"
+      position="top-right"
+      richColors
+      {...props}
+    />
+  );
 };
 
 export { Toaster };
diff --git a/apps/app-portal/src/components/ui/table.tsx b/apps/app-portal/src/components/ui/table.tsx
index f1874e9e..456c900b 100644
--- a/apps/app-portal/src/components/ui/table.tsx
+++ b/apps/app-portal/src/components/ui/table.tsx
@@ -1,57 +1,118 @@
 import * as React from "react";
+/* eslint-disable react/prop-types */
 
 import { cn } from "@/lib/utils";
 
-const Table = React.forwardRef<HTMLTableElement, React.HTMLAttributes<HTMLTableElement>>(({ className, ...props }, ref) => (
+const Table = React.forwardRef<
+  HTMLTableElement,
+  React.HTMLAttributes<HTMLTableElement>
+>(({ className, ...props }, ref) => (
   <div className="relative w-full overflow-auto">
-    <table ref={ref} className={cn("w-full caption-bottom text-sm", className)} {...props} />
+    <table
+      ref={ref}
+      className={cn("w-full caption-bottom text-sm", className)}
+      {...props}
+    />
   </div>
 ));
 Table.displayName = "Table";
 
-const TableHeader = React.forwardRef<HTMLTableSectionElement, React.HTMLAttributes<HTMLTableSectionElement>>(
-  ({ className, ...props }, ref) => <thead ref={ref} className={cn("[&_tr]:border-b", className)} {...props} />,
-);
+const TableHeader = React.forwardRef<
+  HTMLTableSectionElement,
+  React.HTMLAttributes<HTMLTableSectionElement>
+>(({ className, ...props }, ref) => (
+  <thead ref={ref} className={cn("[&_tr]:border-b", className)} {...props} />
+));
 TableHeader.displayName = "TableHeader";
 
-const TableBody = React.forwardRef<HTMLTableSectionElement, React.HTMLAttributes<HTMLTableSectionElement>>(
-  ({ className, ...props }, ref) => <tbody ref={ref} className={cn("[&_tr:last-child]:border-0", className)} {...props} />,
-);
+const TableBody = React.forwardRef<
+  HTMLTableSectionElement,
+  React.HTMLAttributes<HTMLTableSectionElement>
+>(({ className, ...props }, ref) => (
+  <tbody
+    ref={ref}
+    className={cn("[&_tr:last-child]:border-0", className)}
+    {...props}
+  />
+));
 TableBody.displayName = "TableBody";
 
-const TableFooter = React.forwardRef<HTMLTableSectionElement, React.HTMLAttributes<HTMLTableSectionElement>>(
-  ({ className, ...props }, ref) => (
-    <tfoot ref={ref} className={cn("border-t bg-neutral-50/50 font-medium [&>tr]:last:border-b-0", className)} {...props} />
-  ),
-);
+const TableFooter = React.forwardRef<
+  HTMLTableSectionElement,
+  React.HTMLAttributes<HTMLTableSectionElement>
+>(({ className, ...props }, ref) => (
+  <tfoot
+    ref={ref}
+    className={cn(
+      "border-t bg-neutral-50/50 font-medium [&>tr]:last:border-b-0",
+      className,
+    )}
+    {...props}
+  />
+));
 TableFooter.displayName = "TableFooter";
 
-const TableRow = React.forwardRef<HTMLTableRowElement, React.HTMLAttributes<HTMLTableRowElement>>(({ className, ...props }, ref) => (
-  <tr ref={ref} className={cn("border-b transition-colors hover:bg-neutral-50/50 data-[state=selected]:bg-neutral-50", className)} {...props} />
+const TableRow = React.forwardRef<
+  HTMLTableRowElement,
+  React.HTMLAttributes<HTMLTableRowElement>
+>(({ className, ...props }, ref) => (
+  <tr
+    ref={ref}
+    className={cn(
+      "border-b transition-colors hover:bg-neutral-50/50 data-[state=selected]:bg-neutral-50",
+      className,
+    )}
+    {...props}
+  />
 ));
 TableRow.displayName = "TableRow";
 
-const TableHead = React.forwardRef<HTMLTableCellElement, React.ThHTMLAttributes<HTMLTableCellElement>>(
-  ({ className, ...props }, ref) => (
-    <th
-      ref={ref}
-      className={cn("h-12 px-4 text-left align-middle font-medium text-neutral-500 [&:has([role=checkbox])]:pr-0", className)}
-      {...props}
-    />
-  ),
-);
+const TableHead = React.forwardRef<
+  HTMLTableCellElement,
+  React.ThHTMLAttributes<HTMLTableCellElement>
+>(({ className, ...props }, ref) => (
+  <th
+    ref={ref}
+    className={cn(
+      "h-12 px-4 text-left align-middle font-medium text-neutral-500 [&:has([role=checkbox])]:pr-0",
+      className,
+    )}
+    {...props}
+  />
+));
 TableHead.displayName = "TableHead";
 
-const TableCell = React.forwardRef<HTMLTableCellElement, React.TdHTMLAttributes<HTMLTableCellElement>>(
-  ({ className, ...props }, ref) => (
-    <td ref={ref} className={cn("p-4 align-middle [&:has([role=checkbox])]:pr-0", className)} {...props} />
-  ),
-);
+const TableCell = React.forwardRef<
+  HTMLTableCellElement,
+  React.TdHTMLAttributes<HTMLTableCellElement>
+>(({ className, ...props }, ref) => (
+  <td
+    ref={ref}
+    className={cn("p-4 align-middle [&:has([role=checkbox])]:pr-0", className)}
+    {...props}
+  />
+));
 TableCell.displayName = "TableCell";
 
-const TableCaption = React.forwardRef<HTMLTableCaptionElement, React.HTMLAttributes<HTMLTableCaptionElement>>(
-  ({ className, ...props }, ref) => <caption ref={ref} className={cn("mt-4 text-sm text-neutral-500", className)} {...props} />,
-);
+const TableCaption = React.forwardRef<
+  HTMLTableCaptionElement,
+  React.HTMLAttributes<HTMLTableCaptionElement>
+>(({ className, ...props }, ref) => (
+  <caption
+    ref={ref}
+    className={cn("mt-4 text-sm text-neutral-500", className)}
+    {...props}
+  />
+));
 TableCaption.displayName = "TableCaption";
 
-export { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption };
+export {
+  Table,
+  TableHeader,
+  TableBody,
+  TableFooter,
+  TableHead,
+  TableRow,
+  TableCell,
+  TableCaption,
+};
diff --git a/apps/app-portal/src/components/ui/textarea.tsx b/apps/app-portal/src/components/ui/textarea.tsx
index 230f904a..e9a44841 100644
--- a/apps/app-portal/src/components/ui/textarea.tsx
+++ b/apps/app-portal/src/components/ui/textarea.tsx
@@ -2,7 +2,10 @@ import * as React from "react";
 
 import { cn } from "@/lib/utils";
 
-const Textarea = React.forwardRef<HTMLTextAreaElement, React.ComponentProps<"textarea">>(({ className, ...props }, ref) => {
+const Textarea = React.forwardRef<
+  HTMLTextAreaElement,
+  React.ComponentProps<"textarea">
+>(({ className, ...props }, ref) => {
   return (
     <textarea
       ref={ref}
diff --git a/apps/app-portal/src/lib/admin/form-config-service.ts b/apps/app-portal/src/lib/admin/form-config-service.ts
new file mode 100644
index 00000000..36841a7c
--- /dev/null
+++ b/apps/app-portal/src/lib/admin/form-config-service.ts
@@ -0,0 +1,26 @@
+import { FormConfig } from "./types";
+
+let mockFormConfig: FormConfig = {
+  sections: [
+    {
+      id: "personal-info",
+      title: "Personal Information",
+      questions: [
+        {
+          id: "first-name",
+          label: "First Name",
+          type: "text",
+          required: true,
+        },
+      ],
+    },
+  ],
+};
+
+export async function getFormConfig(): Promise<FormConfig> {
+  return mockFormConfig;
+}
+
+export async function updateFormConfig(config: FormConfig): Promise<void> {
+  mockFormConfig = config;
+}
diff --git a/apps/app-portal/src/lib/admin/singleton-keys.ts b/apps/app-portal/src/lib/admin/singleton-keys.ts
new file mode 100644
index 00000000..9dd6ff26
--- /dev/null
+++ b/apps/app-portal/src/lib/admin/singleton-keys.ts
@@ -0,0 +1,5 @@
+export type SingletonKey =
+  | "registration-open"
+  | "registration-closed"
+  | "confirm-by"
+  | "show-decision";
diff --git a/apps/app-portal/src/lib/admin/singleton-service.ts b/apps/app-portal/src/lib/admin/singleton-service.ts
new file mode 100644
index 00000000..eab628fd
--- /dev/null
+++ b/apps/app-portal/src/lib/admin/singleton-service.ts
@@ -0,0 +1,28 @@
+import { SingletonKey } from "./singleton-keys";
+
+type SingletonMap = {
+  "registration-open": string;
+  "registration-closed": string;
+  "confirm-by": string;
+  "show-decision": boolean;
+};
+
+const mockSingletonData: SingletonMap = {
+  "registration-open": "2026-01-01T00:00:00.000Z",
+  "registration-closed": "2026-02-01T00:00:00.000Z",
+  "confirm-by": "2026-02-15T00:00:00.000Z",
+  "show-decision": false,
+};
+
+export async function getSingleton<K extends SingletonKey>(
+  key: K,
+): Promise<SingletonMap[K]> {
+  return mockSingletonData[key];
+}
+
+export async function setSingleton<K extends SingletonKey>(
+  key: K,
+  value: SingletonMap[K],
+): Promise<void> {
+  mockSingletonData[key] = value;
+}
diff --git a/apps/app-portal/src/lib/admin/types.ts b/apps/app-portal/src/lib/admin/types.ts
new file mode 100644
index 00000000..90442d7d
--- /dev/null
+++ b/apps/app-portal/src/lib/admin/types.ts
@@ -0,0 +1,25 @@
+import { SingletonKey } from "./singleton-keys";
+
+export type DateSingletonValue = string | null;
+export type BooleanSingletonValue = boolean;
+
+export type SingletonValue<K extends SingletonKey> = K extends "show-decision"
+  ? BooleanSingletonValue
+  : DateSingletonValue;
+
+export interface FormConfigQuestion {
+  id: string;
+  label: string;
+  type: "text" | "textarea" | "select" | "checkbox";
+  required?: boolean;
+}
+
+export interface FormConfigSection {
+  id: string;
+  title: string;
+  questions: FormConfigQuestion[];
+}
+
+export interface FormConfig {
+  sections: FormConfigSection[];
+}
diff --git a/apps/app-portal/src/lib/types/application.ts b/apps/app-portal/src/lib/types/application.ts
index 11d77a35..5df9c78d 100644
--- a/apps/app-portal/src/lib/types/application.ts
+++ b/apps/app-portal/src/lib/types/application.ts
@@ -1,6 +1,12 @@
-export type ApplicationResponse = Record<string, string | string[] | number | boolean | null>;
+export type ApplicationResponse = Record<
+  string,
+  string | string[] | number | boolean | null
+>;
 
-export type PostAcceptanceResponse = Record<string, string | string[] | number | boolean | null>;
+export type PostAcceptanceResponse = Record<
+  string,
+  string | string[] | number | boolean | null
+>;
 
 export interface RegistrationPayload {
   responses: ApplicationResponse;
diff --git a/apps/live/src/app/judging/Judging/JudgingActive.tsx b/apps/live/src/app/judging/Judging/JudgingActive.tsx
index 9e6dfecb..89b3ead7 100644
--- a/apps/live/src/app/judging/Judging/JudgingActive.tsx
+++ b/apps/live/src/app/judging/Judging/JudgingActive.tsx
@@ -89,14 +89,20 @@ export default function JudgingActive(): React.ReactNode {
           <div className="flex justify-center gap-24">
             <InfoCard
               heading="Charlestown"
-              text={locationMapSorted["Charlestown"] || ["No judging info available"]}
+              text={
+                locationMapSorted["Charlestown"] || [
+                  "No judging info available",
+                ]
+              }
               icon={ItemName.CottonCandy}
               size="[30vw]"
             />
             <InfoCard
               heading="South Boston"
               text={
-                locationMapSorted["South Boston"] || ["No judging info available"]
+                locationMapSorted["South Boston"] || [
+                  "No judging info available",
+                ]
               }
               icon={ItemName.Popcorn}
               size="[30vw]"
@@ -108,7 +114,9 @@ export default function JudgingActive(): React.ReactNode {
       <div className="absolute left-1/2 -translate-x-1/2 top-[55%] z-10 flex justify-center gap-6">
         <InfoCard
           heading="Beacon Hill"
-          text={locationMapSorted["Beacon Hill"] || ["No judging info available"]}
+          text={
+            locationMapSorted["Beacon Hill"] || ["No judging info available"]
+          }
           icon={ItemName.HotDog}
           size="[30vw]"
         />