diff --git a/apps/portal/src/components/resumes/browse/BrowseListItem.tsx b/apps/portal/src/components/resumes/browse/BrowseListItem.tsx
new file mode 100644
index 00000000..3d2e6509
--- /dev/null
+++ b/apps/portal/src/components/resumes/browse/BrowseListItem.tsx
@@ -0,0 +1,29 @@
+import Link from 'next/link';
+import type { UrlObject } from 'url';
+
+type ResumeInfo = Readonly<{
+  createdAt: Date;
+  experience: string;
+  numComments: number;
+  numStars: number;
+  role: string;
+  title: string;
+  user: string;
+}>;
+
+type Props = Readonly<{
+  href: UrlObject | string;
+  resumeInfo: ResumeInfo;
+}>;
+
+export default function BrowseListItem({ href, resumeInfo }: Props) {
+  return (
+    <Link href={href}>
+      {resumeInfo.title}
+      {resumeInfo.role}
+      {resumeInfo.experience}
+      {resumeInfo.numComments}
+      {resumeInfo.numStars}
+    </Link>
+  );
+}