dont even know if I changed anything

src/app/api/messages/get/route.ts

@@ -0,0 +1,41 @@
+'use server';
+import { NextResponse } from 'next/server';
+import type { NextRequest } from 'next/server';
+import { getMessages } from '~/server/functions';
+import { middleware } from '~/middleware';
+import type { Message } from '~/server/types';
+
+export const GET = async (request: NextRequest) => {
+  const middlewareResponse = await middleware(request);
+  if (middlewareResponse) return middlewareResponse;
+  try {
+    const url = new URL(request.url);
+    const userId = Number.parseInt(url.searchParams.get('userId') ?? '');
+    const limit = Number.parseInt(url.searchParams.get('limit') ?? '');
+    const offset = Number.parseInt(url.searchParams.get('offset') ?? '0');
+    if (!userId || isNaN(userId) || !limit || isNaN(limit) || isNaN(offset)) {
+      console.log('userId: ', userId, 'limit: ', limit, 'offset: ', offset);
+      return NextResponse.json(
+        { message: 'Missing userId, limit, or offset' }, { status: 400 }
+      );
+    }
+    const messages: Message[] | undefined = await getMessages(userId, limit, offset);
+    if (messages === undefined) {
+      return NextResponse.json(
+        { message: 'No messages found' }, { status: 404 }
+      );
+    }
+    return NextResponse.json(messages);
+  } catch (error) {
+    console.error('Error getting messages:', error);
+    if (error instanceof Error) {
+      return NextResponse.json(
+        { message: error.message }, { status: 500 }
+      );
+    } else {
+      return NextResponse.json(
+        { message: 'Unknown error occurred' }, { status: 500 }
+      );
+    }
+  }
+};

src/app/api/messages/send/route.ts

@@ -0,0 +1,41 @@
+'use server'
+import { NextResponse } from 'next/server';
+import type { NextRequest } from 'next/server';
+import { sendMessage } from '~/server/functions';
+import { middleware } from '~/middleware';
+import type { Message } from '~/server/types';
+
+export const POST = async (request: NextRequest) => {
+  const middlewareResponse = await middleware(request);
+  if (middlewareResponse) return middlewareResponse;
+  try {
+    const body = await request.json() as {
+      message: Message;
+    };
+    const { message } = body;
+    if (!message) {
+      console.log('Message:', message);
+      return NextResponse.json(
+        { message: 'Missing message' }, { status: 400 }
+      );
+    }
+    const newMessage: Message | null = await sendMessage(message);
+    if (!newMessage) {
+      return NextResponse.json(
+        { message: 'Error sending message' }, { status: 500 }
+      );
+    }
+    return NextResponse.json(newMessage);
+  } catch (error) {
+    console.error('Error sending message:', error);
+    if (error instanceof Error) {
+      return NextResponse.json(
+        { message: error.message }, { status: 500 }
+      );
+    } else {
+      return NextResponse.json(
+        { message: 'Unknown error occurred' }, { status: 500 }
+      );
+    }
+  }
+};

src/app/layout.tsx

@@ -4,9 +4,9 @@ import { GeistSans } from "geist/font/sans";
 import { type Metadata } from "next";
 
 export const metadata: Metadata = {
-  title: "Create T3 App",
-  description: "Generated by create-t3-app",
-  icons: [{ rel: "icon", url: "/favicon.ico" }],
+  title: "Is Madeline the Cutest?",
+  description: "Answering the easiest question in the world!",
+  icons: [{ rel: "icon", url: "/favicon.png" }],
 };
 
 export default function RootLayout({

src/app/page.tsx

@@ -1,37 +1,35 @@
-import Link from "next/link";
+"use client";
+import { useState, useEffect } from "react";
+
+const interestingYes = () => {
+  const yesArray = [
+    "Absolutely, yes.",
+    "Without a doubt.",
+    "Of course.",
+    "Definitely.",
+    "Obviously!",
+    "Certainly!",
+    "Positively.",
+    "100%",
+  ];
+  return yesArray[Math.floor(Math.random() * yesArray.length)];
+}
 
 export default function HomePage() {
+  const [currentText, setCurrentText] = useState("");
+  useEffect(() => {
+    setCurrentText(interestingYes() ?? "Absolutely, yes.");
+  }, []);
+  const handleClick = () => {
+    setCurrentText(interestingYes() ?? "Absolutely, yes.");
+  };
   return (
-    <main className="flex min-h-screen flex-col items-center justify-center bg-gradient-to-b from-[#2e026d] to-[#15162c] text-white">
-      <div className="container flex flex-col items-center justify-center gap-12 px-4 py-16">
-        <h1 className="text-5xl font-extrabold tracking-tight text-white sm:text-[5rem]">
-          Create <span className="text-[hsl(280,100%,70%)]">T3</span> App
-        </h1>
-        <div className="grid grid-cols-1 gap-4 sm:grid-cols-2 md:gap-8">
-          <Link
-            className="flex max-w-xs flex-col gap-4 rounded-xl bg-white/10 p-4 text-white hover:bg-white/20"
-            href="https://create.t3.gg/en/usage/first-steps"
-            target="_blank"
-          >
-            <h3 className="text-2xl font-bold">First Steps →</h3>
-            <div className="text-lg">
-              Just the basics - Everything you need to know to set up your
-              database and authentication.
-            </div>
-          </Link>
-          <Link
-            className="flex max-w-xs flex-col gap-4 rounded-xl bg-white/10 p-4 text-white hover:bg-white/20"
-            href="https://create.t3.gg/en/introduction"
-            target="_blank"
-          >
-            <h3 className="text-2xl font-bold">Documentation →</h3>
-            <div className="text-lg">
-              Learn more about Create T3 App, the libraries it uses, and how to
-              deploy it.
-            </div>
-          </Link>
-        </div>
-      </div>
+    <main className="flex min-h-screen flex-col items-center justify-center
+      bg-gradient-to-b from-pink-500 to-orange-400 text-white cursor-pointer">
+      <h3 className="text-5xl font-extrabold tracking-tight
+        text-white sm:text-[5rem] text-center" onClick={handleClick}>
+        {currentText}
+      </h3>
     </main>
   );
 }