From 94a1592dff248af7d032d2884423ce4168c13711 Mon Sep 17 00:00:00 2001 From: Sean O'Connor Date: Mon, 11 May 2026 01:47:14 -0400 Subject: [PATCH] Redesign homepage: editorial layout with current focus + featured work MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Replaced the dense mini-CV homepage with an editorial landing page: - Hero: punchy one-liner ("Researcher & builder. HRI at BU, motorsports software at Riverhead.") instead of a paragraph bio - Currently building: Riverhead Raceway mobile app (racehub-app) and Hotlap (Go monorepo race event management platform) - Featured work: Honors thesis, IEEE RO-MAN 2025, Riverhead Raceway site, beenvoice — each with description, tags, and a direct action button - Education: compact 2-col grid (BU + Bucknell) replaces the full card layout - Explore: same 3-col nav to Projects / Publications / CV Co-Authored-By: Claude Sonnet 4.6 --- src/app/page.tsx | 722 ++++++++++++++++++++++++----------------------- 1 file changed, 366 insertions(+), 356 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 6f81d22..f1ba870 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -1,16 +1,15 @@ import { ArrowUpRight, - Award, BookOpen, - Building, Code, ExternalLink, - FlaskConical, + FileText, + Flag, + Globe, GraduationCap, Mail, MapPin, - School, - Users + Smartphone, } from "lucide-react"; import Link from "next/link"; import { Badge } from "~/components/ui/badge"; @@ -22,60 +21,56 @@ import { CardHeader, CardTitle, } from "~/components/ui/card"; -import { awards, educationList, experiences, researchInterests } from "~/lib/data"; +import { educationList } from "~/lib/data"; + +function SectionLabel({ children }: { children: React.ReactNode }) { + return ( +

+ {children} +

+ ); +} export default function HomePage() { - const researchExperience = experiences.filter( - (exp) => exp.type === "research", - ); - const teachingExperience = experiences.filter( - (exp) => exp.type === "teaching", - ); - const professionalExperience = experiences.filter( - (exp) => exp.type === "professional", - ); - const leadershipExperience = experiences.filter( - (exp) => exp.type === "leadership", - ); - return ( -
- {/* Hero Section */} -
+
+ + {/* Hero */} +
-

+

Sean O'Connor

-

- Computer Science and Engineering graduate pursuing a Master's - at Boston University. Research interests in human-robot interaction - and developing technologies that make robots better collaborators - with humans. +

+ Researcher & builder. HRI at BU, motorsports software at Riverhead.

-
+ -
+
Boston University
-
+
Boston, MA
- -
- {/* Research Interests */} -
-

Research Interests

-
- - -

- {researchInterests} -

+ {/* Currently Building */} +
+ Currently building +
+ + + +
+
+ +
+
+ Riverhead Raceway Mobile App + racehub-app · React Native +
+
+ + +
+

+ Native mobile companion for Riverhead Raceway — race-day + results, live standings, and event info for fans and + competitors on the track. +

+
+ {["React Native", "TypeScript", "tRPC"].map((t) => ( + + {t} + + ))} +
+
+ + + +
+
+ +
+
+ Hotlap + + Race event management · Go monorepo + +
+
+ + +
+

+ Full-stack race event management platform in Go. + Server-rendered public pages, a Solid.js SPA for track ops, + and a custom Go-native bundler powering the whole thing. +

+
+ {["Go", "Solid.js", "PostgreSQL", "TypeScript"].map((t) => ( + + {t} + + ))} +
+
+ + + +
+
+ + {/* Featured Work */} +
+ Featured work +
+ + + +
+
+ Honors Thesis + + Bucknell University · 2026 + +
+ +
+ + +
+

+ A web-based Wizard-of-Oz platform for accessible, reproducible + HRI research. Pilot study showed higher design fidelity and + usability than Choregraphe across all six sessions. +

+
+ {["HRI", "Wizard-of-Oz", "React", "ROS2"].map((t) => ( + + {t} + + ))} +
+ +
+ + + + + +
+
+ IEEE RO-MAN 2025 + + Eindhoven · First author + +
+ +
+ + +
+

+ Collaborative and Reproducible HRI Research Through a + Web-Based Wizard-of-Oz Platform. 34th IEEE International + Conference on Robot and Human Interactive Communication. +

+
+ {["IEEE", "HRI", "Research"].map((t) => ( + + {t} + + ))} +
+ +
+ + + + + +
+
+ Riverhead Raceway + + Production · 250k+ monthly users + +
+ +
+ + +
+

+ Official website and CMS for Riverhead Raceway, NY. + Real-time race data, event management, standings, and a full + admin interface with 97+ granular permissions. +

+
+ {["Next.js", "PostgreSQL", "tRPC"].map((t) => ( + + {t} + + ))} +
+ +
+ + + + + +
+
+ beenvoice + Invoicing for freelancers +
+ +
+ + +
+

+ Professional invoicing: client management, PDF generation, + email delivery, timesheet view, and CSV import. Built with + tRPC and Drizzle ORM on Next.js 16. +

+
+ {["Next.js", "tRPC", "Drizzle"].map((t) => ( + + {t} + + ))} +
+ +
+ + +
{/* Education */} -
-

Education

-
- {educationList.map((edu, index) => ( -
- - -
-
- {edu.institution} - {edu.location} -
- +
+ Education +
+ {educationList.map((edu, i) => ( + + + {edu.institution} + {edu.degree} + + +

+ {edu.graduated ? "" : "Expected "} + {edu.expectedGraduation} · {edu.location} +

+ {edu.engineeringGpa && ( +
+ + Eng. GPA {edu.engineeringGpa} + + Overall {edu.gpa}
- - -
-

{edu.degree}

-

- {edu.graduated ? "" : "Expected "}{edu.expectedGraduation} -

-
-
- {edu.engineeringGpa ? ( - <> - Eng. GPA: {edu.engineeringGpa} - Overall GPA: {edu.gpa} - - ) : ( - GPA: {edu.gpa} - )} - {edu.deansListSemesters.length > 0 && ( - - Dean's List: {edu.deansListSemesters.length} semesters - - )} -
- - -
- ))} -
-
- - {/* Research Experience */} -
-

Research Experience

-
- {researchExperience.map((exp, index) => ( -
- - -
-
- {exp.title} - {exp.organization} - - {exp.location} • {exp.period} - -
- -
- - -
    - {exp.description.map((item, itemIndex) => ( -
  • - - {item} -
    • - ))} -
- - -
- ))} -
-
- - {/* Professional Experience Highlights */} -
-

- Professional Experience Highlights -

-
- {professionalExperience.slice(0, 2).map((exp, index) => ( -
- - -
-
- {exp.title} - {exp.organization} - - {exp.location} • {exp.period} - -
- -
- - -
    - {exp.description.slice(0, 3).map((item, itemIndex) => ( -
  • - - {item} -
    • - ))} -
- - -
- ))} -
-
- - {/* Teaching Experience */} -
-

Teaching Experience

-
- {teachingExperience.slice(0, 4).map((exp, index) => ( -
- - -
- -
- - {exp.title} - - - {exp.organization} - - - {exp.period} - -
-
- - -

- {exp.description[0]} -

- - -
- ))} -
-
- - {/* Leadership & Activities */} -
-

Leadership & Activities

-
- {leadershipExperience.map((exp, index) => ( -
- - -
- -
- - {exp.title} - - - {exp.organization} - - - {exp.period} - -
-
- - -
    - {exp.description.slice(0, 2).map((item, itemIndex) => ( -
  • - - {item} -
    • - ))} -
- - -
- ))} -
-
- - {/* Recent Awards & Recognition */} -
-

Recent Awards & Recognition

-
- {awards.map((award, index) => ( -
- - -
- -
- - {award.title} - - {award.organization && ( - - {award.organization} • {award.year} - - )} -
-
- - {award.description && ( - -

- {award.description} -

- )} - -
+ + ))}
- {/* Quick Links */} -
-

Explore More

-
-
- - -
- - Projects -
- - -
-

- Explore my featured projects including HRIStudio, machine - learning research, and web applications. -

- -
- - -
+ {/* Explore */} +
+ Explore +
-
- - -
- - - Publications - -
- - -
-

- Read my peer-reviewed publications in human-robot - interaction research. -

- -
- - -
+ + +
+ + Projects +
+ + +
+

+ HRIStudio, Riverhead Raceway, machine learning, embedded + systems, and more. +

+ +
+ + + + + +
+ + Publications +
+ + +
+

+ Peer-reviewed work in human-robot interaction research. +

+ +
+ + + + + +
+ + CV +
+ + +
+

+ Complete academic and professional curriculum vitae. +

+ +
+ + -
- - -
- - - Complete CV - -
- - -
-

- View my complete academic and professional curriculum vitae. -

- -
- - -
+
); }