Merging branch with main for templating

.amplifyignore

@@ -0,0 +1,6 @@
+docs/
+documentation/
+e2e/
+.vscode/
+*.mp4
+*.psd

.husky/pre-commit

@@ -1,9 +1,4 @@
-# Run TypeScript check (excluding problematic test files)
-#echo "🧪 Checking TypeScript..."
-#npx tsc --noEmit
+#!/usr/bin/env sh
+. "$(dirname -- "$0")/_/husky.sh"
 
-# Run Prettier + ESLint on staged files
-#echo "🧹 Formatting and linting staged files..."
-#npx lint-staged
-
-#echo "✅ Pre-commit checks passed!"
+#npm test

amplify.yaml

@@ -0,0 +1,23 @@
+version: 1
+applications:
+  - frontend:
+      phases:
+        preBuild:
+          commands:
+            # Install dependencies
+            - npm ci || npm install
+        build:
+          commands:
+            # Create a minimal placeholder .env to prevent build warnings
+            # The actual secret will be fetched from AWS Secrets Manager at runtime
+            - echo "# Placeholder - actual secrets loaded at runtime" > .env
+            - npm run build
+      artifacts:
+        # For Next.js the build output served by Amplify Hosting is in .next (not 'build' like CRA)
+        baseDirectory: .next
+        files:
+          - '**/*'
+      cache:
+        paths:
+          - node_modules/**/*
+          - .next/cache/**

app/(with-layout)/event/page.tsx

@@ -119,7 +119,7 @@ function EventPage() {
 								<div className="absolute -bottom-2 left-0 right-0 h-1 bg-gradient-to-r from-hackrpi-orange to-hackrpi-pink"></div>
 							</h2>
 							<p className="mt-8 text-lg text-hackrpi-yellow max-w-3xl mx-auto">
-								After coding ends at noon on Sunday, present your project to our panel of industry professionals,
+								After coding ends at 11am on Sunday, present your project to our panel of industry professionals,
 								professors, alumni, and fellow students. They&apos;ll evaluate your work based on these criteria:
 							</p>
 						</div>
@@ -282,11 +282,11 @@ function EventPage() {
 											<div className="space-y-2 text-gray-300 md:text-lg">
 												<p className="flex items-center">
 													<span className="text-hackrpi-orange font-bold mr-2">📅</span>
-													Submit by <span className="font-bold text-hackrpi-orange mx-1">11:00 AM Sunday</span>
+													Submit by <span className="font-bold text-hackrpi-orange mx-1">9:00 AM Sunday</span>
 												</p>
 												<p className="flex items-center">
 													<span className="text-hackrpi-pink font-bold mr-2">✏️</span>
-													Edit until <span className="font-bold text-hackrpi-pink mx-1">12:00 PM Sunday</span>
+													Edit until <span className="font-bold text-hackrpi-pink mx-1">11:00 AM Sunday</span>
 												</p>
 											</div>
 										</div>
@@ -302,7 +302,7 @@ function EventPage() {
 												Present Your Project
 											</h3>
 											<p className="text-gray-300 md:text-lg">
-												After noon, no changes allowed. Be ready to give a live demo and explain your project to the
+												After 11am, no changes allowed. Be ready to give a live demo and explain your project to the
 												judges!
 											</p>
 										</div>

app/(with-layout)/event/prizes/page.tsx

@@ -2,7 +2,7 @@
 
 //import NavBar from "@/components/nav-bar/nav-bar";
 import "@/app/globals.css";
-import { podiumPrizes, majorPrizes, minorPrizes } from "@/data/prizes";
+import { podiumPrizes, majorPrizes, minorPrizes, mlhPrizes } from "@/data/prizes";
 import Podium from "@/components/prizes/podium";
 import MajorPrizes from "@/components/prizes/major_prizes";
 import MinorPrizes from "@/components/prizes/minor_prizes";
@@ -14,9 +14,14 @@ export default function Page() {
 				<h1 className="text-4xl sm:text-6xl font-bold font-sans my-4 text-center">$3500+ In Prizes</h1>
 				<Podium podiumPrizes={podiumPrizes} />
 				<hr className="w-11/12 desktop:w-3/4 lg:w-2/3 2xl:w-3/5 mx-auto my-4 border-gray-300" />
+				<h1 className="text-3xl sm:text-4xl font-bold font-sans text-center">Major Prize Tracks</h1>
 				<MajorPrizes majorPrizes={majorPrizes} />
 				<hr className="w-11/12 desktop:w-3/4 lg:w-2/3 2xl:w-3/5 mx-auto my-4 border-gray-300" />
+				<h1 className="text-3xl sm:text-4xl font-bold font-sans text-center">Minor Prize Tracks</h1>
 				<MinorPrizes minorPrizes={minorPrizes} />
+				<hr className="w-11/12 desktop:w-3/4 lg:w-2/3 2xl:w-3/5 mx-auto my-4 border-gray-300" />
+				<h1 className="text-3xl sm:text-4xl font-bold font-sans text-center">MLH Prize Tracks</h1>
+				<MinorPrizes minorPrizes={mlhPrizes} />
 			</div>
 		</div>
 	);

app/(with-layout)/surfers/leaderboard/page.tsx

@@ -0,0 +1,81 @@
+"use client";
+
+import { useState, useEffect } from "react";
+import NavBar from "@/components/nav-bar/nav-bar";
+import "@/app/globals.css";
+import HackRPIButton from "@/components/themed-components/hackrpi-button";
+
+const isDirector = false; // Set to `true` to test the director functionality
+
+interface Result {
+  id: string;
+  name: string;
+  score: number;
+}
+
+export default function Page() {
+  const [leaderboardEntries, setLeaderboardEntries] = useState<Result[]>([]);
+
+  // Function to fetch leaderboard entries
+  const fetchLeaderboard = async () => {
+    try {
+  // Use relative path so it works across environments (preview, prod, custom domains)
+  const response = await fetch("/api/scores", { cache: 'no-store' });
+      if (response.ok) {
+        const data: Result[] = await response.json(); // Ensure the data is typed as Result[]
+        setLeaderboardEntries(data); // Update state with the fetched leaderboard data
+      } else {
+        console.error("Failed to fetch leaderboard data");
+      }
+    } catch (error) {
+      console.error("Error fetching leaderboard:", error);
+    }
+  };
+
+  useEffect(() => {
+    fetchLeaderboard(); // Fetch leaderboard when the component mounts
+  }, []); // Empty dependency array ensures this runs once when the component mounts
+
+  return (
+    <div className="flex flex-col items-center justify-start w-full h-full">
+      <div className="flex-grow flex-shrink basis-auto">
+        <h1 className="mt-28 text-center text-4xl font-modern text-hackrpi-orange">2048 Leaderboard</h1>
+        <table className="min-w-[80vw] mt-10 justify-inbetween table-auto w-full table table-zebra">
+          <thead>
+            <tr className="text-white bg-hackrpi-yellow">
+              <th className="w-1/4 px-4 py-2 text-center font-retro text-white">Position</th>
+              <th className="w-1/3 px-4 py-2 text-center font-retro text-white">Username</th>
+              <th className="w-1/3 px-4 py-2 text-center font-retro text-white">Score</th>
+              {isDirector ? (
+                <th className="w-1/3 px-4 py-2 font-retro text-white bg-hackrpi-yellow">Delete</th>
+              ) : null}
+            </tr>
+          </thead>
+
+          <tbody className="text-center text-white font-retro bg-gradient-to-r from-hackrpi-dark-purple to-hackrpi-yellow">
+            {leaderboardEntries.map((entry, index) => (
+              <tr key={entry.id}>
+                <td className="px-y py-2">{index + 1}</td>
+                <td className="px-4 py-2">{entry.name}</td>
+                <td className="px-4 py-2">{entry.score}</td>
+                {isDirector ? (
+                  <td className="px-4 py-2 flex items-center justify-center">
+                    <HackRPIButton
+                      onClick={async () => {
+                        alert("not implemented yet");
+                      }}
+                    >
+                      Delete Item
+                    </HackRPIButton>
+                  </td>
+                ) : null}
+              </tr>
+            ))}
+          </tbody>
+        </table>
+      </div>
+      <div className="flex-grow mt-24"></div>
+      <div className="absolute-bottom-0 w-full"></div>
+    </div>
+  );
+}