diff --git a/.gitignore b/.gitignore
index 7a9d1bc..50ada7f 100644
--- a/.gitignore
+++ b/.gitignore
@@ -12,6 +12,9 @@ dist
 dist-ssr
 *.local
 
+# npm install file
+package-lock.json
+
 # Editor directories and files
 .vscode/*
 !.vscode/extensions.json
diff --git a/src/team/index.ts b/src/team/index.ts
index 1febe98..21475a7 100644
--- a/src/team/index.ts
+++ b/src/team/index.ts
@@ -3,5 +3,6 @@ import { sharib } from "./sharib";
 import { ahmad } from "./ahmad";
 import { hunter } from "./hunter";
 import { chris } from "./chris";
+import { spencer } from "./spencer";
 
-export const teamMembers: TeamMember[] = [sharib, ahmad, hunter, chris];
+export const teamMembers: TeamMember[] = [sharib, ahmad, hunter, chris, spencer];
diff --git a/src/team/spencer.ts b/src/team/spencer.ts
new file mode 100644
index 0000000..804aa0c
--- /dev/null
+++ b/src/team/spencer.ts
@@ -0,0 +1,14 @@
+import { TeamMember } from "../types/TeamMember";
+
+export const spencer: TeamMember = {
+  name: "Spencer Kelly",
+  role: "Software Engineer",
+  funFact: "I can solve a Rubik's cube in under a minute",
+  githubUsername: "Flapjacck",
+  // Feel free to customize your card's styles!
+  cardStyle: {
+    background: "bg-gradient-to-br from-blue-900/80 to-slate-800 backdrop-blur-sm",
+    border: "border-2 border-blue-500/30 shadow-lg shadow-blue-500/20",
+    text: "text-blue-100",
+  },
+};