diff --git a/apps/web/src/app/admin/events/new/page.tsx b/apps/web/src/app/admin/events/new/page.tsx
index 6a11aa99..0050480d 100644
--- a/apps/web/src/app/admin/events/new/page.tsx
+++ b/apps/web/src/app/admin/events/new/page.tsx
@@ -1,4 +1,4 @@
-import NewEventForm from "@/components/admin/events/NewEventForm";
+import NewEventForm from "@/components/events/admin/NewEventForm";
 
 export default function Page() {
 	const defaultDate = new Date();
diff --git a/apps/web/src/app/admin/events/page.tsx b/apps/web/src/app/admin/events/page.tsx
index 2a9d0ae1..980d2fcf 100644
--- a/apps/web/src/app/admin/events/page.tsx
+++ b/apps/web/src/app/admin/events/page.tsx
@@ -1,12 +1,11 @@
-import { db } from "db";
-import { DataTable } from "@/components/admin/events/EventDataTable";
-import { columns } from "@/components/admin/events/EventColumns";
+import { EventDataTable } from "@/components/events/shared/EventDataTable";
+import { columns } from "@/components/events/shared/EventColumns";
 import { Button } from "@/components/shadcn/ui/button";
 import { PlusCircle } from "lucide-react";
 import Link from "next/link";
-
+import { getAllEvents } from "db/functions";
 export default async function Page() {
-	const events = await db.query.events.findMany();
+	const events = await getAllEvents();
 
 	return (
 		<div className="mx-auto max-w-7xl px-5 pt-44">
@@ -17,7 +16,7 @@ export default async function Page() {
 							Events
 						</h2>
 						<p className="text-sm text-muted-foreground">
-							{events.length} Event{events.length != 1 ? "s" : ""}
+							{events.length} Event{events.length != 1 && "s"}
 						</p>
 					</div>
 				</div>
@@ -30,7 +29,7 @@ export default async function Page() {
 					</Link>
 				</div>
 			</div>
-			<DataTable columns={columns} data={events} />
+			<EventDataTable columns={columns} data={events} />
 		</div>
 	);
 }
diff --git a/apps/web/src/app/api/admin/events/create/route.ts b/apps/web/src/app/api/admin/events/create/route.ts
index 9ca5ec1e..67152cda 100644
--- a/apps/web/src/app/api/admin/events/create/route.ts
+++ b/apps/web/src/app/api/admin/events/create/route.ts
@@ -2,13 +2,14 @@ import { auth } from "@clerk/nextjs";
 import { eq } from "db/drizzle";
 import { db } from "db";
 import { users, events } from "db/schema";
-import { newEventValidator } from "@/validators/shared/newEvent";
+import { newEventFormSchema } from "@/validators/event";
 import { BasicRedirValidator } from "@/validators/shared/basicRedir";
 import { NextResponse } from "next/server";
 import { z } from "zod";
 import superjson from "superjson";
 import c from "config";
 
+// Make this a server action
 export async function POST(req: Request) {
 	const { userId } = auth();
 
@@ -25,9 +26,8 @@ export async function POST(req: Request) {
 		return new Response("Unauthorized", { status: 401 });
 	}
 
-	// console.log(await req.json());
 	const body = superjson.parse(await req.text());
-	const parsedBody = newEventValidator.safeParse(body);
+	const parsedBody = newEventFormSchema.safeParse(body);
 
 	if (!parsedBody.success) {
 		return new Response("Malformed request body.", { status: 400 });
diff --git a/apps/web/src/app/dash/schedule/page.tsx b/apps/web/src/app/dash/schedule/page.tsx
index 3650b296..1d9b20fc 100644
--- a/apps/web/src/app/dash/schedule/page.tsx
+++ b/apps/web/src/app/dash/schedule/page.tsx
@@ -1,21 +1,11 @@
-import c from "config";
-import Day from "@/components/schedule/Day";
-import { db } from "db";
-import { format, compareAsc } from "date-fns";
-import { type ReactNode } from "react";
-import { formatInTimeZone } from "date-fns-tz";
-import { redirect } from "next/navigation";
-
-export default async function Page() {
-	const events = await db.query.events.findMany();
-
+import { Suspense } from "react";
+import UserScheduleView from "@/components/schedule/UserScheduleView";
+import Loading from "@/components/shared/Loading";
+export default function Page() {
 	return (
-		<main className="mx-auto mt-16 flex min-h-[70%] w-full max-w-5xl flex-col items-center">
-			<h1 className="text-center text-4xl font-black">
-				Bug with Scheduling was found. Fix Coming soon!
-			</h1>
-			<h3 className="text-xl font-bold">- Christian</h3>
-		</main>
+		<Suspense fallback={<Loading />}>
+			<UserScheduleView />
+		</Suspense>
 	);
 }
 
diff --git a/apps/web/src/app/schedule/[id]/page.tsx b/apps/web/src/app/schedule/[id]/page.tsx
index dc45b9c6..c5c1ad74 100644
--- a/apps/web/src/app/schedule/[id]/page.tsx
+++ b/apps/web/src/app/schedule/[id]/page.tsx
@@ -2,7 +2,7 @@ import { db } from "db";
 import { eq } from "db/drizzle";
 import { events } from "db/schema";
 import FullScreenMessage from "@/components/shared/FullScreenMessage";
-import EventFull from "@/components/schedule/EventFull";
+import EventDetails from "@/components/events/admin/EventDetails";
 import Navbar from "@/components/shared/Navbar";
 
 export default async function Page({ params }: { params: { id: string } }) {
@@ -33,7 +33,7 @@ export default async function Page({ params }: { params: { id: string } }) {
 	return (
 		<>
 			<Navbar />
-			<EventFull event={event} />
+			<EventDetails event={event} />
 		</>
 	);
 }
diff --git a/apps/web/src/components/schedule/EventFull.tsx b/apps/web/src/components/events/admin/EventDetails.tsx
similarity index 72%
rename from apps/web/src/components/schedule/EventFull.tsx
rename to apps/web/src/components/events/admin/EventDetails.tsx
index 922fcded..298d7a17 100644
--- a/apps/web/src/components/schedule/EventFull.tsx
+++ b/apps/web/src/components/events/admin/EventDetails.tsx
@@ -1,15 +1,17 @@
-import { events } from "db/schema";
-import { InferModel } from "db/drizzle";
 import c from "config";
 import { Badge } from "@/components/shadcn/ui/badge";
 import Balancer from "react-wrap-balancer";
 import { formatInTimeZone } from "date-fns-tz";
+import { getClientTimeZone } from "@/lib/utils/client/shared";
+import { EventType } from "@/lib/types/events";
+import { headers } from "next/headers";
+import { VERCEL_IP_TIMEZONE_HEADER_KEY } from "@/lib/constants";
+
+export default function EventDetails({ event }: { event: EventType }) {
+	const userTimeZoneHeaderKey = headers().get(VERCEL_IP_TIMEZONE_HEADER_KEY);
+
+	const userTimeZone = getClientTimeZone(userTimeZoneHeaderKey);
 
-export default function EventFull({
-	event,
-}: {
-	event: InferModel<typeof events>;
-}) {
 	return (
 		<div className="relative w-screen">
 			<div
@@ -37,13 +39,13 @@ export default function EventFull({
 					</Badge>
 					<p className="text-xs font-bold md:text-sm">{`${formatInTimeZone(
 						event.startTime,
-						c.hackathonTimezone,
+						userTimeZone,
 						"EEEE MMMM do",
 					)}, ${formatInTimeZone(
 						event.startTime,
-						c.hackathonTimezone,
+						userTimeZone,
 						"h:mm a",
-					)} - ${formatInTimeZone(event.endTime, c.hackathonTimezone, "h:mm a")}`}</p>
+					)} - ${formatInTimeZone(event.endTime, userTimeZone, "h:mm a")}`}</p>
 				</div>
 
 				<h1 className="mb-2 text-7xl font-black">
diff --git a/apps/web/src/components/admin/events/NewEventForm.tsx b/apps/web/src/components/events/admin/NewEventForm.tsx
similarity index 70%
rename from apps/web/src/components/admin/events/NewEventForm.tsx
rename to apps/web/src/components/events/admin/NewEventForm.tsx
index e20a7bed..d43ea847 100644
--- a/apps/web/src/components/admin/events/NewEventForm.tsx
+++ b/apps/web/src/components/events/admin/NewEventForm.tsx
@@ -25,45 +25,43 @@ import { Textarea } from "@/components/shadcn/ui/textarea";
 import c from "config";
 import { DateTimePicker } from "@/components/shadcn/ui/date-time-picker/date-time-picker";
 import { parseAbsolute, getLocalTimeZone } from "@internationalized/date";
-import { newEventValidator } from "@/validators/shared/newEvent";
 import { zpostSafe } from "@/lib/utils/client/zfetch";
 import { BasicRedirValidator } from "@/validators/shared/basicRedir";
 import { useState } from "react";
-import { Shell } from "lucide-react";
+import { LoaderPinwheel } from "lucide-react";
 import { useRouter } from "next/navigation";
-
-interface NewEventFormProps {
-	defaultDate: Date;
-}
-
-const formSchema = newEventValidator.merge(
-	z.object({
-		type: z.enum(Object.keys(c.eventTypes) as any),
-	}),
-);
+import { ONE_HOUR_IN_MILLISECONDS } from "@/lib/constants";
+import { NewEventFormProps } from "@/lib/types/events";
+import { newEventFormSchema } from "@/validators/event";
+import { useAction } from "next-safe-action/hook";
+import { eventType } from "@/lib/utils/shared/types";
+import { useEffect } from "react";
+import { ThreeCircles } from "react-loader-spinner";
 
 export default function NewEventForm({ defaultDate }: NewEventFormProps) {
 	const [loading, setLoading] = useState(false);
 	const router = useRouter();
-	const form = useForm<z.infer<typeof formSchema>>({
-		resolver: zodResolver(formSchema),
+	const userLocalTimeZone = getLocalTimeZone();
+
+	const form = useForm<z.infer<typeof newEventFormSchema>>({
+		resolver: zodResolver(newEventFormSchema),
 		defaultValues: {
 			title: "",
 			description: "",
 			type: "" as any,
 			host: "",
 			startTime: defaultDate,
-			endTime: defaultDate,
+			endTime: new Date(defaultDate.getTime() + ONE_HOUR_IN_MILLISECONDS),
 		},
 	});
 
-	async function onSubmit(values: z.infer<typeof formSchema>) {
+	async function onSubmit(values: z.infer<typeof newEventFormSchema>) {
 		setLoading(true);
 		const res = await zpostSafe({
 			url: "/api/admin/events/create",
 			body: values,
 			superReq: true,
-			vReq: formSchema,
+			vReq: newEventFormSchema,
 			vRes: BasicRedirValidator,
 		});
 		setLoading(false);
@@ -91,8 +89,7 @@ export default function NewEventForm({ defaultDate }: NewEventFormProps) {
 								<Input {...field} />
 							</FormControl>
 							<FormDescription>
-								Generally its best to keep this short and
-								consise
+								Keep title short and concise
 							</FormDescription>
 							<FormMessage />
 						</FormItem>
@@ -105,10 +102,7 @@ export default function NewEventForm({ defaultDate }: NewEventFormProps) {
 						<FormItem>
 							<FormLabel>Description</FormLabel>
 							<FormControl>
-								<Textarea
-									placeholder="You can also include any resources / links that would be helpful for the event here!"
-									{...field}
-								/>
+								<Textarea {...field} />
 							</FormControl>
 							<FormMessage />
 						</FormItem>
@@ -178,18 +172,27 @@ export default function NewEventForm({ defaultDate }: NewEventFormProps) {
 										!!field.value
 											? parseAbsolute(
 													field.value.toISOString(),
-													getLocalTimeZone(),
+													userLocalTimeZone,
 												)
 											: null
 									}
 									onChange={(date) => {
-										field.onChange(
-											!!date
-												? date.toDate(
-														getLocalTimeZone(),
-													)
-												: null,
-										);
+										const newDate = !!date
+											? date.toDate(userLocalTimeZone)
+											: null;
+										field.onChange(newDate);
+										const isEventStartBeforeEnd =
+											newDate &&
+											newDate > form.getValues("endTime");
+										if (isEventStartBeforeEnd) {
+											form.setValue(
+												"endTime",
+												new Date(
+													newDate.getTime() +
+														ONE_HOUR_IN_MILLISECONDS,
+												),
+											);
+										}
 									}}
 									shouldCloseOnSelect={false}
 									granularity={"minute"}
@@ -210,18 +213,28 @@ export default function NewEventForm({ defaultDate }: NewEventFormProps) {
 										!!field.value
 											? parseAbsolute(
 													field.value.toISOString(),
-													getLocalTimeZone(),
+													userLocalTimeZone,
 												)
 											: null
 									}
 									onChange={(date) => {
-										field.onChange(
-											!!date
-												? date.toDate(
-														getLocalTimeZone(),
-													)
-												: null,
-										);
+										const newDate = !!date
+											? date.toDate(userLocalTimeZone)
+											: null;
+										field.onChange(newDate);
+										const isEventEndBeforeStart =
+											newDate &&
+											newDate <
+												form.getValues("startTime");
+										if (isEventEndBeforeStart) {
+											form.setValue(
+												"startTime",
+												new Date(
+													newDate.getTime() -
+														ONE_HOUR_IN_MILLISECONDS,
+												),
+											);
+										}
 									}}
 									shouldCloseOnSelect={false}
 									granularity={"minute"}
@@ -234,7 +247,16 @@ export default function NewEventForm({ defaultDate }: NewEventFormProps) {
 				</div>
 				{loading ? (
 					<p className="flex justify-center gap-x-1">
-						Creating Event <Shell className="animate-spin" />
+						Creating Event{" "}
+						<ThreeCircles
+							visible={true}
+							height="20"
+							width="20"
+							color="#4fa94d"
+							ariaLabel="three-circles-loading"
+							wrapperStyle={{}}
+							wrapperClass=""
+						/>
 					</p>
 				) : (
 					<Button type="submit">Create Event</Button>
diff --git a/apps/web/src/components/admin/events/EventColumns.tsx b/apps/web/src/components/events/shared/EventColumns.tsx
similarity index 61%
rename from apps/web/src/components/admin/events/EventColumns.tsx
rename to apps/web/src/components/events/shared/EventColumns.tsx
index 792da88f..48a3500b 100644
--- a/apps/web/src/components/admin/events/EventColumns.tsx
+++ b/apps/web/src/components/events/shared/EventColumns.tsx
@@ -1,31 +1,11 @@
 "use client";
 
 import { ColumnDef } from "@tanstack/react-table";
-import { z } from "zod";
-import { createSelectSchema } from "drizzle-zod";
-import { events } from "db/schema";
 import Link from "next/link";
 import { Button } from "@/components/shadcn/ui/button";
 import { Badge } from "@/components/shadcn/ui/badge";
 import c from "config";
-
-// const userValidator = createSelectSchema(users).merge(
-// 	z.object({
-// 		registrationData: createSelectSchema(registrationData),
-// 		profileData: createSelectSchema(profileData).merge(
-// 			z.object({
-// 				skills: z.array(z.string()),
-// 			})
-// 		),
-// 	})
-// );
-
-const eventValidator = createSelectSchema(events);
-
-export type eventTableValidatorType = Pick<
-	z.infer<typeof eventValidator>,
-	"title" | "startTime" | "endTime" | "id" | "type"
->;
+import { eventTableValidatorType } from "@/lib/types/events";
 
 export const columns: ColumnDef<eventTableValidatorType>[] = [
 	{
@@ -49,28 +29,11 @@ export const columns: ColumnDef<eventTableValidatorType>[] = [
 			</span>
 		),
 	},
-	// {
-	// 	accessorKey: "email",
-	// 	header: "Email",
-	// },
-	// {
-	// 	accessorKey: "profileData.hackerTag",
-	// 	header: "Hacker Tag",
-	// 	cell: ({ row }) => `@${row.original.profileData.hackerTag}`,
-	// },
-	// {
-	// 	accessorKey: "clerkID",
-	// 	header: "Account ID",
-	// },
-	// {
-	// 	accessorKey: "role",
-	// 	header: "Role",
-	// },
 	{
 		accessorKey: "startTime",
 		header: "Start",
 		cell: ({ row }) => (
-			<span suppressHydrationWarning={true}>
+			<span>
 				{new Date(row.original.startTime).toLocaleDateString() + " "}
 				{new Date(row.original.startTime).toLocaleTimeString("en-US", {
 					hour: "2-digit",
@@ -83,7 +46,7 @@ export const columns: ColumnDef<eventTableValidatorType>[] = [
 		accessorKey: "endTime",
 		header: "End",
 		cell: ({ row }) => (
-			<span suppressHydrationWarning={true}>
+			<span>
 				{new Date(row.original.endTime).toLocaleDateString() + " "}
 				{new Date(row.original.endTime).toLocaleTimeString("en-US", {
 					hour: "2-digit",
diff --git a/apps/web/src/components/admin/events/EventDataTable.tsx b/apps/web/src/components/events/shared/EventDataTable.tsx
similarity index 93%
rename from apps/web/src/components/admin/events/EventDataTable.tsx
rename to apps/web/src/components/events/shared/EventDataTable.tsx
index 0af4a9dc..30295da7 100644
--- a/apps/web/src/components/admin/events/EventDataTable.tsx
+++ b/apps/web/src/components/events/shared/EventDataTable.tsx
@@ -16,15 +16,12 @@ import {
 	TableRow,
 } from "@/components/shadcn/ui/table";
 
-import { useCallback } from "react";
-import { useRouter } from "next/navigation";
-
 interface DataTableProps<TData, TValue> {
 	columns: ColumnDef<TData, TValue>[];
 	data: TData[];
 }
 
-export function DataTable<TData, TValue>({
+export function EventDataTable<TData, TValue>({
 	columns,
 	data,
 }: DataTableProps<TData, TValue>) {
diff --git a/apps/web/src/components/registration/RegisterForm.tsx b/apps/web/src/components/registration/RegisterForm.tsx
index 072dc3b2..26ac129c 100644
--- a/apps/web/src/components/registration/RegisterForm.tsx
+++ b/apps/web/src/components/registration/RegisterForm.tsx
@@ -51,7 +51,7 @@ import { FileRejection, useDropzone } from "react-dropzone";
 import { put, type PutBlobResult } from "@vercel/blob";
 import { Tag, TagInput } from "@/components/shadcn/ui/tag/tag-input";
 import CreatingRegistration from "./CreatingRegistration";
-
+import { bucketResumeBaseUploadUrl } from "config";
 interface RegisterFormProps {
 	defaultEmail: string;
 }
@@ -134,7 +134,7 @@ export default function RegisterForm({ defaultEmail }: RegisterFormProps) {
 		let resume: string = c.noResumeProvidedURL;
 
 		if (uploadedFile) {
-			const fileLocation = `${c.hackathonName}/resume/${uploadedFile.name}`;
+			const fileLocation = `${bucketResumeBaseUploadUrl}/${uploadedFile.name}`;
 			const newBlob = await put(fileLocation, uploadedFile, {
 				access: "public",
 				handleBlobUploadUrl: "/api/upload/resume/register",
diff --git a/apps/web/src/components/schedule/Day.tsx b/apps/web/src/components/schedule/Day.tsx
index 22a5d4db..b2641fe1 100644
--- a/apps/web/src/components/schedule/Day.tsx
+++ b/apps/web/src/components/schedule/Day.tsx
@@ -1,71 +1,45 @@
-import { events } from "db/schema";
-import { InferModel } from "db/drizzle";
 import { format, compareAsc } from "date-fns";
+import { EventType } from "@/lib/types/events";
 import { Badge } from "@/components/shadcn/ui/badge";
 import c from "config";
-import Link from "next/link";
-import { formatInTimeZone } from "date-fns-tz";
-
+import { headers } from "next/headers";
+import { getClientTimeZone } from "@/lib/utils/client/shared";
+import EventItem from "./EventItem";
+import { VERCEL_IP_TIMEZONE_HEADER_KEY } from "@/lib/constants";
 interface DayProps {
 	title: string;
 	subtitle: string;
-	events: InferModel<typeof events>[];
-}
-
-interface EventItemProps {
-	event: InferModel<typeof events>;
+	events: EventType[];
 }
 
 export default function Day({ title, subtitle, events }: DayProps) {
-	let dup = structuredClone(events);
-	dup.sort((a, b) => compareAsc(a.startTime, b.startTime));
+	const userTimeZoneHeaderKey = headers().get(VERCEL_IP_TIMEZONE_HEADER_KEY);
+
+	const userTimeZone = getClientTimeZone(userTimeZoneHeaderKey);
+
 	return (
-		<div className="flex min-h-[60vh] w-full flex-col items-center rounded-xl bg-white backdrop-blur transition dark:bg-white/[0.08]">
+		<div className="flex min-h-[60vh] w-[92%] flex-col items-center rounded-xl bg-white px-2 pb-4 backdrop-blur transition dark:bg-white/[0.08] lg:w-full">
 			<h1 className="mt-5 text-4xl font-extrabold text-hackathon dark:text-primary">
 				{title}
 			</h1>
-			<h2 className="mb-5 text-sm text-muted-foreground">{subtitle}</h2>
-			<div className="flex w-full flex-col items-center gap-y-2 px-2">
-				{dup.map((event) => (
-					<EventItem key={event.id} event={event} />
-				))}
-			</div>
-		</div>
-	);
-}
-
-function EventItem({ event }: EventItemProps) {
-	return (
-		<Link
-			target="_blank"
-			href={"/schedule/" + event.id}
-			className="m-0 w-full p-0"
-		>
-			<div className="grid h-16 w-full cursor-pointer grid-cols-5 rounded-xl px-2 hover:bg-white/[0.08] md:grid-cols-3">
-				<div className="col-span-3 flex h-full flex-col justify-center md:col-span-2">
-					<h3 className="font-bold">{event.title}</h3>
-					<div>
-						<Badge
-							variant={"outline"}
-							style={{
-								borderColor:
-									(c.eventTypes as Record<string, string>)[
-										event.type
-									] || c.eventTypes.Other,
-							}}
-						>
-							{event.type}
-						</Badge>
+			<h2 className="mb-5 text-lg text-muted-foreground">{subtitle}</h2>
+			<div className="flex w-full flex-col items-center space-y-4 px-2">
+				{events.length > 0 ? (
+					events.map((event) => (
+						<EventItem
+							key={event.id}
+							event={event}
+							userTimeZone={userTimeZone}
+						/>
+					))
+				) : (
+					<div className="flex h-[30vh] w-full items-center justify-center">
+						<h1 className="text-center text-3xl">
+							No events scheduled at this time.
+						</h1>
 					</div>
-				</div>
-				<div className="md:text-md col-span-2 flex items-center justify-end text-sm md:col-span-1">
-					<p>{`${formatInTimeZone(
-						event.startTime,
-						c.hackathonTimezone,
-						"h:mm a",
-					)} - ${formatInTimeZone(event.endTime, c.hackathonTimezone, "h:mm a")}`}</p>
-				</div>
+				)}
 			</div>
-		</Link>
+		</div>
 	);
 }
diff --git a/apps/web/src/components/schedule/EventItem.tsx b/apps/web/src/components/schedule/EventItem.tsx
new file mode 100644
index 00000000..6fbdb7a0
--- /dev/null
+++ b/apps/web/src/components/schedule/EventItem.tsx
@@ -0,0 +1,59 @@
+import { EventType } from "@/lib/types/events";
+import Link from "next/link";
+import { Badge } from "../shadcn/ui/badge";
+import { formatInTimeZone } from "date-fns-tz";
+import c from "config";
+
+export default function EventItem({
+	event,
+	userTimeZone,
+}: {
+	event: EventType;
+	userTimeZone: string;
+}) {
+	const startTimeFormatted = formatInTimeZone(
+		event.startTime,
+		userTimeZone,
+		"EEEE, hh:mm a",
+		{
+			useAdditionalDayOfYearTokens: true,
+		},
+	);
+
+	const endTimeFormatted = formatInTimeZone(
+		event.endTime,
+		userTimeZone,
+		"h:mm a",
+	);
+
+	const href = `/schedule/${event.id}`;
+
+	const eventTypeColor =
+		(c.eventTypes as Record<string, string>)[event.type] ||
+		c.eventTypes.Other;
+
+	return (
+		<Link href={href} className="m-0 w-full p-0">
+			<div className="flex h-full w-full cursor-pointer flex-col items-center space-y-6 rounded-xl border-[3px] border-b-[6px] border-muted px-2 py-4 lg:flex-row lg:justify-between lg:space-y-0 lg:border-0 lg:px-4 lg:py-7 lg:hover:bg-white/[0.08]">
+				<div className="flex h-full w-full flex-col items-center justify-center space-y-4 lg:w-auto lg:flex-row lg:gap-3 lg:space-y-0">
+					<h3 className="text-center text-lg font-bold md:text-2xl">
+						{event.title}
+					</h3>
+					<div>
+						<Badge
+							variant={"outline"}
+							style={{
+								borderColor: eventTypeColor,
+							}}
+						>
+							<p className="text-sm">{event.type}</p>
+						</Badge>
+					</div>
+				</div>
+				<div className="-pt-6 flex h-full flex-row items-center justify-end p-0">
+					<p className="lg:text-2zl md:text-lg">{`${startTimeFormatted} - ${endTimeFormatted}`}</p>
+				</div>
+			</div>
+		</Link>
+	);
+}
diff --git a/apps/web/src/components/schedule/UserScheduleView.tsx b/apps/web/src/components/schedule/UserScheduleView.tsx
new file mode 100644
index 00000000..84abd624
--- /dev/null
+++ b/apps/web/src/components/schedule/UserScheduleView.tsx
@@ -0,0 +1,17 @@
+import { getAllEvents } from "db/functions";
+import Day from "@/components/schedule/Day";
+import c from "config";
+export default async function UserScheduleView() {
+	const events = await getAllEvents();
+
+	// Idea for later: we use tabs to sort our data by day
+	return (
+		<main className="mx-auto my-4 flex min-h-[70%] w-full max-w-5xl flex-col items-center 2xl:max-w-6xl">
+			<Day
+				events={events}
+				title="Event Schedule"
+				subtitle={`${c.hackathonName} ${c.itteration}`}
+			/>
+		</main>
+	);
+}
diff --git a/apps/web/src/components/shared/Loading.tsx b/apps/web/src/components/shared/Loading.tsx
index daa91c76..b3ef21c3 100644
--- a/apps/web/src/components/shared/Loading.tsx
+++ b/apps/web/src/components/shared/Loading.tsx
@@ -1,10 +1,16 @@
 import { cn } from "@/lib/utils/client/cn";
 import { Loader2 } from "lucide-react";
-
 interface LoadingProps {
 	className?: string;
 }
 
 export default function Loading({ className }: LoadingProps) {
-	return <Loader2 className="animate-spin text-5xl duration-1000" />;
+	return (
+		<div className="flex w-full flex-col items-center justify-center space-y-4 pt-2">
+			<h1 className="text-xl md:text-2xl lg:text-3xl">
+				Loading. Please wait.
+			</h1>
+			<Loader2 className="animate-spin text-5xl duration-1000" />
+		</div>
+	);
 }
diff --git a/apps/web/src/components/shared/ThreeCirclesLoader.tsx b/apps/web/src/components/shared/ThreeCirclesLoader.tsx
new file mode 100644
index 00000000..beaaf67a
--- /dev/null
+++ b/apps/web/src/components/shared/ThreeCirclesLoader.tsx
@@ -0,0 +1,16 @@
+"use client";
+import { ThreeCircles } from "react-loader-spinner";
+
+export default function ThreeCirclesLoader() {
+	return (
+		<ThreeCircles
+			visible={true}
+			height="100"
+			width="100"
+			color="#4fa94d"
+			ariaLabel="three-circles-loading"
+			wrapperStyle={{}}
+			wrapperClass=""
+		/>
+	);
+}
diff --git a/apps/web/src/lib/constants/index.ts b/apps/web/src/lib/constants/index.ts
new file mode 100644
index 00000000..b239662a
--- /dev/null
+++ b/apps/web/src/lib/constants/index.ts
@@ -0,0 +1,2 @@
+export const ONE_HOUR_IN_MILLISECONDS = 3600000;
+export const VERCEL_IP_TIMEZONE_HEADER_KEY = "x-vercel-ip-timezone";
diff --git a/apps/web/src/lib/types/events.ts b/apps/web/src/lib/types/events.ts
new file mode 100644
index 00000000..7ef29a03
--- /dev/null
+++ b/apps/web/src/lib/types/events.ts
@@ -0,0 +1,20 @@
+import { events } from "db/schema";
+import z from "zod";
+import { eventDataTableValidator } from "@/validators/event";
+import type { InferSelectModel, InferInsertModel } from "db";
+
+export interface eventInsertType extends InferInsertModel<typeof events> {}
+export interface EventType extends InferSelectModel<typeof events> {}
+
+export type eventTableValidatorType = Pick<
+	z.infer<typeof eventDataTableValidator>,
+	"title" | "startTime" | "endTime" | "id" | "type"
+>;
+
+export interface NewEventFormProps {
+	defaultDate: Date;
+}
+
+export interface getAllEventsOptions {
+	ascending?: boolean;
+}
diff --git a/apps/web/src/lib/types/index.ts b/apps/web/src/lib/types/index.ts
new file mode 100644
index 00000000..1784004f
--- /dev/null
+++ b/apps/web/src/lib/types/index.ts
@@ -0,0 +1 @@
+export * from "./events";
diff --git a/apps/web/src/lib/utils/client/shared.ts b/apps/web/src/lib/utils/client/shared.ts
new file mode 100644
index 00000000..5f5f516f
--- /dev/null
+++ b/apps/web/src/lib/utils/client/shared.ts
@@ -0,0 +1,3 @@
+export function getClientTimeZone(vercelIPTimeZone: string | null) {
+	return vercelIPTimeZone ?? Intl.DateTimeFormat().resolvedOptions().timeZone;
+}
diff --git a/apps/web/src/validators/event.ts b/apps/web/src/validators/event.ts
new file mode 100644
index 00000000..ce5dbc53
--- /dev/null
+++ b/apps/web/src/validators/event.ts
@@ -0,0 +1,19 @@
+import { createInsertSchema } from "drizzle-zod";
+import { events } from "db/schema";
+import { createSelectSchema } from "drizzle-zod";
+import z from "zod";
+import c from "config";
+
+export const newEventFormSchema = createInsertSchema(events, {
+	title: z.string().min(1),
+	description: z.string().min(1),
+	startTime: z.date(),
+	endTime: z.date(),
+	host: z.string().optional(),
+	type: z.enum(Object.keys(c.eventTypes) as any),
+}).refine(({ startTime, endTime }) => startTime < endTime, {
+	message: "Start time must be before end time",
+	path: ["startTime"],
+});
+
+export const eventDataTableValidator = createSelectSchema(events);
diff --git a/apps/web/src/validators/shared/newEvent.ts b/apps/web/src/validators/shared/newEvent.ts
deleted file mode 100644
index 6838c294..00000000
--- a/apps/web/src/validators/shared/newEvent.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-import { createInsertSchema } from "drizzle-zod";
-import { events } from "db/schema";
-
-export const newEventValidator = createInsertSchema(events);
diff --git a/packages/config/hackkit.config.ts b/packages/config/hackkit.config.ts
index 2301f708..e1aed02e 100644
--- a/packages/config/hackkit.config.ts
+++ b/packages/config/hackkit.config.ts
@@ -1,6 +1,5 @@
-export const defaultTheme = "dark";
-
-export default {
+const defaultTheme = "dark";
+const c = {
 	hackathonName: "HackKit",
 	itteration: "I",
 	siteUrl: "https://rowdyhacks.org", // Do not have a trailing slash
@@ -125,6 +124,7 @@ export default {
 			foreground: "#ffffff",
 			checked: false,
 		},
+		// Why is the checked set to a color?
 		mlh: {
 			title: "MLH",
 			color: "#ffffff",
@@ -152,9 +152,11 @@ export default {
 	},
 } as const;
 
+const bucketResumeBaseUploadUrl = `${c.hackathonName}/${c.itteration}/resume`;
+
 // Its important that this is kept in sync with the database schema.
 
-export const perms = [
+const perms = [
 	"hacker",
 	"volunteer",
 	"mentor",
@@ -165,7 +167,7 @@ export const perms = [
 
 // These are routes (pages) which do not require a account / authentication. They are used in the authMiddleware in middleware.ts. Be careful which routes you add here!
 
-export const publicRoutes = [
+const publicRoutes = [
 	"/",
 	/^\/schedule(\/.*)?$/,
 	/^\/@/,
@@ -176,7 +178,7 @@ export const publicRoutes = [
 
 // Generally it is reccomended to put your primary audience's university at the top of this list.
 
-export const schools = [
+const schools = [
 	"The University of Texas at San Antonio",
 	"Texas A&M University - San Antonio",
 	"American Heritage School",
@@ -591,7 +593,7 @@ export const schools = [
 	"Other",
 ] as const;
 
-export const majors = [
+const majors = [
 	"Computer Science",
 	"Cyber Security",
 	"Accounting",
@@ -704,3 +706,13 @@ export const majors = [
 	"Webpage Design",
 	"Other",
 ] as const;
+
+export default c;
+export {
+	defaultTheme,
+	bucketResumeBaseUploadUrl,
+	perms,
+	publicRoutes,
+	schools,
+	majors,
+};
diff --git a/packages/db/functions/events.ts b/packages/db/functions/events.ts
new file mode 100644
index 00000000..71f7a56a
--- /dev/null
+++ b/packages/db/functions/events.ts
@@ -0,0 +1,26 @@
+import { db, asc, desc } from "..";
+import {
+	eventInsertType,
+	getAllEventsOptions,
+} from "../../../apps/web/src/lib/types/events";
+import { events } from "../schema";
+
+export function createNewEvent(event: eventInsertType) {
+	return db
+		.insert(events)
+		.values({
+			...event,
+		})
+		.returning({
+			eventID: events.id,
+		});
+}
+
+export function getAllEvents(options?: getAllEventsOptions) {
+	const orderByClause = options?.ascending
+		? [asc(events.startTime)]
+		: [desc(events.startTime)];
+	return db.query.events.findMany({
+		orderBy: orderByClause,
+	});
+}
diff --git a/packages/db/functions/index.ts b/packages/db/functions/index.ts
new file mode 100644
index 00000000..1784004f
--- /dev/null
+++ b/packages/db/functions/index.ts
@@ -0,0 +1 @@
+export * from "./events";
diff --git a/packages/db/schema.ts b/packages/db/schema.ts
index b3aa6aa2..2f3b18f6 100644
--- a/packages/db/schema.ts
+++ b/packages/db/schema.ts
@@ -155,6 +155,10 @@ export const events = pgTable("events", {
 	title: varchar("name", { length: 255 }).notNull(),
 	startTime: timestamp("start_time").notNull(),
 	endTime: timestamp("end_time").notNull(),
+	// checkinStartTime: timestamp("checkin_start_time").notNull(),
+	// checkinEndTime: timestamp("checkin_end_time").notNull(),
+	// location: varchar("location", { length: 255 }).notNull(),
+	// points: integer("points").notNull().default(0),
 	description: text("description").notNull(),
 	type: varchar("type", { length: 50 }).notNull(),
 	host: varchar("host", { length: 255 }),