Loading...
; + } + + return ( +
+ {!session ? (
+ <>
+
+ );
+}
diff --git a/hour-tracker/src/app/api/auth/[...nextauth]/route.ts b/hour-tracker/src/app/api/auth/[...nextauth]/route.ts
new file mode 100644
index 0000000..88519de
--- /dev/null
+++ b/hour-tracker/src/app/api/auth/[...nextauth]/route.ts
@@ -0,0 +1,32 @@
+import NextAuth, { NextAuthOptions } from 'next-auth';
+import GoogleProvider from 'next-auth/providers/google';
+
+const options: NextAuthOptions = {
+ providers: [
+ GoogleProvider({
+ clientId: process.env.GOOGLE_CLIENT_ID as string,
+ clientSecret: process.env.GOOGLE_CLIENT_SECRET as string,
+ }),
+ ],
+ session: {
+ strategy: 'jwt',
+ },
+ secret: process.env.NEXTAUTH_SECRET,
+ callbacks: {
+ async jwt({ token, user }) {
+ if (user) {
+ token.id = user.id;
+ }
+ return token;
+ },
+ async session({ session, token }) {
+ if (token) {
+ session.user.id = token.id as string;
+ }
+ return session;
+ },
+ },
+};
+
+const handler = NextAuth(options);
+export { handler as GET, handler as POST };
diff --git a/hour-tracker/src/app/globals.css b/hour-tracker/src/app/globals.css
new file mode 100644
index 0000000..b00dea5
--- /dev/null
+++ b/hour-tracker/src/app/globals.css
@@ -0,0 +1,108 @@
+:root {
+ --max-width: 1100px;
+ --border-radius: 12px;
+ --font-mono: ui-monospace, Menlo, Monaco, "Cascadia Mono", "Segoe UI Mono",
+ "Roboto Mono", "Oxygen Mono", "Ubuntu Monospace", "Source Code Pro",
+ "Fira Mono", "Droid Sans Mono", "Courier New", monospace;
+
+ --foreground-rgb: 0, 0, 0;
+ --background-start-rgb: 214, 219, 220;
+ --background-end-rgb: 255, 255, 255;
+
+ --primary-glow: conic-gradient(
+ from 180deg at 50% 50%,
+ #16abff33 0deg,
+ #0885ff33 55deg,
+ #54d6ff33 120deg,
+ #0071ff33 160deg,
+ transparent 360deg
+ );
+ --secondary-glow: radial-gradient(
+ rgba(255, 255, 255, 1),
+ rgba(255, 255, 255, 0)
+ );
+
+ --tile-start-rgb: 239, 245, 249;
+ --tile-end-rgb: 228, 232, 233;
+ --tile-border: conic-gradient(
+ #00000080,
+ #00000040,
+ #00000030,
+ #00000020,
+ #00000010,
+ #00000010,
+ #00000080
+ );
+
+ --callout-rgb: 238, 240, 241;
+ --callout-border-rgb: 172, 175, 176;
+ --card-rgb: 180, 185, 188;
+ --card-border-rgb: 131, 134, 135;
+}
+
+@media (prefers-color-scheme: dark) {
+ :root {
+ --foreground-rgb: 255, 255, 255;
+ --background-start-rgb: 0, 0, 0;
+ --background-end-rgb: 0, 0, 0;
+
+ --primary-glow: radial-gradient(rgba(1, 65, 255, 0.4), rgba(1, 65, 255, 0));
+ --secondary-glow: linear-gradient(
+ to bottom right,
+ rgba(1, 65, 255, 0),
+ rgba(1, 65, 255, 0),
+ rgba(1, 65, 255, 0.3)
+ );
+
+ --tile-start-rgb: 2, 13, 46;
+ --tile-end-rgb: 2, 5, 19;
+ --tile-border: conic-gradient(
+ #ffffff80,
+ #ffffff40,
+ #ffffff30,
+ #ffffff20,
+ #ffffff10,
+ #ffffff10,
+ #ffffff80
+ );
+
+ --callout-rgb: 20, 20, 20;
+ --callout-border-rgb: 108, 108, 108;
+ --card-rgb: 100, 100, 100;
+ --card-border-rgb: 200, 200, 200;
+ }
+}
+
+* {
+ box-sizing: border-box;
+ padding: 0;
+ margin: 0;
+}
+
+html,
+body {
+ max-width: 100vw;
+ overflow-x: hidden;
+}
+
+body {
+ color: rgb(var(--foreground-rgb));
+ background: linear-gradient(
+ to bottom,
+ transparent,
+ rgb(var(--background-end-rgb))
+ )
+ rgb(var(--background-start-rgb));
+}
+
+a {
+ color: inherit;
+ text-decoration: none;
+}
+
+@media (prefers-color-scheme: dark) {
+ html {
+ color-scheme: dark;
+ }
+}
+
diff --git a/hour-tracker/src/app/icon.png b/hour-tracker/src/app/icon.png
new file mode 100644
index 0000000..ab11c6f
Binary files /dev/null and b/hour-tracker/src/app/icon.png differ
diff --git a/hour-tracker/src/app/layout.tsx b/hour-tracker/src/app/layout.tsx
new file mode 100644
index 0000000..9540eaa
--- /dev/null
+++ b/hour-tracker/src/app/layout.tsx
@@ -0,0 +1,12 @@
+import { ReactNode } from 'react';
+import { Providers } from './providers';
+
+export default function RootLayout({ children }: { children: ReactNode }) {
+ return (
+
+
+ You are not signed in
+ + + ) : ( + <> +Signed in as {session.user?.email}
+ + + )} +
+ 
+
+ ) : isLoggedIn ? (
+
+
+
+
+
+
+
+
+
+ {session?.user.name}
+
+
+{session?.user.email}
+
+
+ +
Welcome to your dashboard
+
+ 
+
+
+ {session?.user?.name}
+
+ Boston University Community Service Time Log
+ signIn()}>
+ Sign in
+
+
+