Error: Student not found
;
+ }
+
+ return (
+
+
+
+
+
+ {/* Content */}
+
+
+
+ {student.profilePicture ? (
+ 
+ ) : (
+
+
+
+
+ {student.name.charAt(0)}
+
+
+ )}
+
+
+ {student.name}
+
+
+
+ {student.classLevel || "Class Level not specified"}
+
+
+
+
+ {/* Contact Information */}
+
+
+
+ + Contact Information +
+ +
+
+
+
+
+ Email
+
+
+ {student.email}
+
+
+
+
+
+
+
+ Phone
+ {student.phoneNumber || "Not specified"}
+
+
+
+
+ LinkedIn
+ {student.linkedIn ? (
+ e.stopPropagation()}
+ target="_blank"
+ rel="noopener noreferrer"
+ className="text-blue-600 hover:text-blue-800 hover:underline transition-colors"
+ >
+ {formatLinkedInUrl(student.linkedIn)}
+
+ ) : (
+ Not specified
+ )}
+ navigate(`/student/${data._id}`)}
+ className="bg-white rounded-lg overflow-visible h-auto transition border border-gray-300 shadow-sm hover:shadow-md">
+ {/* Card header with avatar and name */}
+
+ );
+};
+
+export default StudentTile;
\ No newline at end of file
diff --git a/frontend/src/components/public/DataList.tsx b/frontend/src/components/public/DataList.tsx
index 256f35f..48a3b99 100644
--- a/frontend/src/components/public/DataList.tsx
+++ b/frontend/src/components/public/DataList.tsx
@@ -119,8 +119,8 @@ const DataList =
+
+
+ {/* Card body with user details */}
+
+ {data.profilePicture ? (
+ 
+ ) : (
+ {data.name.charAt(0)}
+ )}
+
+
+
+ {data.name}
+
+
+
+
+
+
+
+ {data.email}
+
+
+
+
+
+
+ {data.major ? (
+ data.major
+ ) : (
+ Major not specified
+ )}
+
+
+
+
+
+ {data.classLevel ? (
+ data.classLevel.charAt(0).toUpperCase() +
+ data.classLevel.slice(1).toLowerCase()
+ ) : (
+ Class Level not specified
+ )}
+
+
+
+
+ -
No alumni currently fit your query.
-Edit your Industry type to find alumni in a different category.
+No users currently fit your query.
+Edit your filters to find users in a different category.
+
+
);
};
diff --git a/frontend/src/constants/navItems.ts b/frontend/src/constants/navItems.ts
index 740acfb..720a765 100644
--- a/frontend/src/constants/navItems.ts
+++ b/frontend/src/constants/navItems.ts
@@ -23,10 +23,15 @@ export const navItems: NavItem[] = [
icon: FiBriefcase,
},
{
- label: "Connect",
+ label: "Alumni Network",
path: "/connect",
icon: FiLink,
},
+ {
+ label: "Student Network",
+ path: "/students",
+ icon: FiLink,
+ },
{
label: "Applications",
path: "/applications/applied",
diff --git a/frontend/src/pages/Profile.tsx b/frontend/src/pages/Profile.tsx
index b4293b5..90a4535 100644
--- a/frontend/src/pages/Profile.tsx
+++ b/frontend/src/pages/Profile.tsx
@@ -434,6 +434,23 @@ const Profile = () => {
: "Not specified"}
+
{options.map((option) => (
+
{/* School */}
+
+
+
+
+ + {user.shareProfile + ? "Visible to students" + : "Not shared with students"} +
+
@@ -554,6 +571,31 @@ const Profile = () => {
{updatedUser.type === UserType.Student && isEditing && (
+ (null);
+ console.log("route param id: ", id);
+ const navigate = useNavigate();
+
+ const [student, setStudent] = useState(null);
+ const [loading, setLoading] = useState(true);
+ const { user } = useAuth();
+
+ const [similarities, setSimilarities] = useState(null);
+ const [similaritySummary, setSimilaritySummary] = useState(null);
+ const [similarityLoading, setSimilarityLoading] = useState(false);
+
+ // Email Generation State
+ const [isEmailModalOpen, setIsEmailModalOpen] = useState(false);
+ const [tone, setTone] = useState("Professional");
+ const [purpose, setPurpose] = useState("");
+ const [generatedEmail, setGeneratedEmail] = useState("");
+ const [sharedInterests, setSharedInterests] = useState([]);
+ const [generating, setGenerating] = useState(false);
+
+ const handleGenerate = async () => {
+ if (!user?._id || !id) return;
+ setGenerating(true);
+ setGeneratedEmail("");
+
+ const result = await generateEmail({
+ studentId: user._id,
+ alumniId: id, // In this case, another student
+ tone,
+ purpose
+ });
+
+ if (result.success) {
+ setGeneratedEmail(result.data.email);
+ setSharedInterests(result.data.sharedInterests);
+ } else {
+ toast.current?.show({
+ severity: "error",
+ summary: "Error",
+ detail: result.error || "Failed to generate email"
+ });
+ }
+ setGenerating(false);
+ };
+
+ const copyToClipboard = () => {
+ navigator.clipboard.writeText(generatedEmail);
+ toast.current?.show({
+ severity: "success",
+ summary: "Copied",
+ detail: "Email text copied to clipboard"
+ });
+ };
+
+ const handleStudentUpdate = useCallback(() => {
+ if (!id) return;
+ setLoading(true);
+ getStudentById(id)
+ .then((result: APIResult) => {
+ if (result.success) {
+ setStudent(result.data);
+ } else {
+ toast.current?.clear();
+ toast.current?.show({
+ severity: "error",
+ summary: "Error",
+ detail: "Failed to fetch student profile: " + result.error,
+ });
+ }
+ })
+ .catch(() => toast.current?.show({
+ severity: "error",
+ summary: "Error",
+ detail: "Unexpected error occurred.",
+ }))
+ .finally(() => setLoading(false));
+ }, [id]);
+
+ // Initial company fetch
+ useEffect(() => {
+ handleStudentUpdate();
+ }, [handleStudentUpdate]);
+
+ const resolveUserId = (): string | null => {
+ if (user) {
+ return user._id ?? null;
+ }
+ return null;
+ };
+
+ const fetchSimilarities = async () => {
+ if (!id) return;
+
+ const userId = resolveUserId();
+ if (!userId) {
+ return;
+ }
+
+ try {
+ setSimilarityLoading(true);
+ const res = await getSimilarities(userId, id);
+
+ if (!res.success) {
+ throw new Error("Failed to fetch similarities");
+ }
+
+ setSimilarities(res.data.similarities);
+ setSimilaritySummary(res.data.summary);
+ } finally {
+ setSimilarityLoading(false);
+ }
+ };
+
+
+ if (!student)
+ return (
+ {
+ query: string;
+ major: string[];
+}
+
+const Students = () => {
+ const [search, setSearch] = useState({
+ query: "",
+ major: [],
+ });
+
+ const getPaginatedOpenStudents = useCallback(
+ async (page: number, perPage: number) => {
+ const res = await getStudents({
+ page: page,
+ perPage: perPage,
+ query: search.query.length >= 1 ? search.query : undefined,
+ major: search.major,
+ });
+
+ if (res.success) {
+ return {
+ ...res.data,
+ };
+ } else {
+ console.error(res.error);
+
+ return {
+ page: 0,
+ perPage: 0,
+ total: 0,
+ data: [],
+ } as PaginatedData;
+ }
+ },
+ [search],
+ );
+
+ return (
+
+
+
+
+
+
+
+ Academic Information
diff --git a/frontend/src/pages/Student.tsx b/frontend/src/pages/Student.tsx new file mode 100644 index 0000000..3c39c7a --- /dev/null +++ b/frontend/src/pages/Student.tsx @@ -0,0 +1,557 @@ +import React, { useCallback, useEffect, useState, useRef } from "react"; +import { useParams, useNavigate } from "react-router-dom"; +import { + FaArrowLeft, + FaLinkedin +} from "react-icons/fa"; +import { LuMail, LuWand, LuGraduationCap, LuShare2 } from "react-icons/lu"; +import { FiPhone } from "react-icons/fi"; +import { FaRegCopy } from "react-icons/fa"; +import { generateEmail } from "../api/email"; +import { useAuth } from "../contexts/useAuth"; +import Modal from "../components/public/Modal"; +import { getStudentById, getSimilarities } from "../api/users"; +import { APIResult } from "../api/requests"; +import { Student } from "../types/User"; +import { ProgressSpinner } from "primereact/progressspinner"; +import { Similarity } from "../types/Similarity"; +import { Toast } from "primereact/toast"; + +const StudentProfile: React.FC = () => { + const { id } = useParams<{ id: string }>(); + const toast = useRef
+ Student not found.
+
+ );
+
+ return (
+
+ {!student ? (
+ setIsEmailModalOpen(false)}
+ className="w-full max-w-2xl p-6 rounded-xl"
+ useOverlay
+ >
+
+
+
+ );
+};
+
+export default StudentProfile;
\ No newline at end of file
diff --git a/frontend/src/pages/Students.tsx b/frontend/src/pages/Students.tsx
new file mode 100644
index 0000000..dbeabc7
--- /dev/null
+++ b/frontend/src/pages/Students.tsx
@@ -0,0 +1,88 @@
+import { useState, useCallback } from "react";
+import SearchBar from "../components/public/SearchBar";
+import DataList from "../components/public/DataList";
+import StudentTile from "../components/connect/StudentTile";
+import { getStudents } from "../api/users";
+import { Student } from "../types/User";
+import { PaginatedData } from "../types/PaginatedData";
+import { MajorType } from "../types/User";
+
+interface SearchBarData extends Record
+ Student not found.
+
+ ) : (
+ <>
+ {/* Display Spinner While Loading */}
+ {loading && (
+
+
+ )}
+ {/* When Finished Loading */}
+ {!loading && (
+
+
+ )}
+
+ )}
+
+ {/* Email Generation Modal */}
+
+ {/* Back Button to Exit Profile */}
+
+
+
+
+
+
+
+ {/* Left Column - Profile Image */}
+
+
+
+
+ {/* Right Column - User Information */}
+
+ {student.profilePicture ? (
+
+ ) : (
+
+
+ {student.name
+ .split(" ")
+ .map((n) => n[0])
+ .join("")
+ .toUpperCase()}
+
+ )}
+
+ {/* Basic Information */}
+
+
+
+
+
+
+ {/* LinkedIn */}
+
+
+ + Basic Information +
+ +
+
+
+
+
+ {student.name}
+
+
+
+
+ {student.email}
+
+
+
+ + {student.phoneNumber || "Not provided"} +
+
+
+ {student.linkedIn ? (
+
+ {student.linkedIn}
+
+ ) : (
+
+
+
+ {/* Student-specific Information */}
+ Not provided
+ )} +
+
+
+
+
+ {/* Similarities section */}
+ + Academic Information +
+
+
+
+
+
+
+ + {student.major || "Not specified"} +
+
+
+
+ + {student.classLevel + ? student.classLevel.charAt(0).toUpperCase() + + student.classLevel.slice(1).toLowerCase() + : "Not specified"} +
+
+
+
+ {/* School */}
+
+
+
+
+
+ + {student.shareProfile + ? "Visible to students" + : "Not shared with students"} +
+
+
+
+ {/* Field of Interest */}
+ + {student.school + ? student.school.charAt(0).toUpperCase() + + student.school.slice(1).toLowerCase() + : "Not specified"} +
+
+
+ {Array.isArray(student.fieldOfInterest) && student.fieldOfInterest.length > 0 ? (
+
+ {/* Projects */}
+
+ {student.fieldOfInterest.map((field, index) => (
+
+ {field}
+
+ ))}
+
+ ) : (
+ Not specified
+ )} +
+
+ {Array.isArray(student.projects) && student.projects.length > 0 ? (
+
+ {/* These next two are technically user specific but this will be dealt with during the redesign
+ Hobbies */}
+
+ {student.projects.map((project, index) => (
+
+ {project}
+
+ ))}
+
+ ) : (
+ Not specified
+ )} +
+
+ {Array.isArray(student.hobbies) && student.hobbies.length > 0 ? (
+
+ {/* Skills */}
+
+ {student.hobbies.map((hobby, index) => (
+
+ {hobby}
+
+ ))}
+
+ ) : (
+ Not specified
+ )} +
+
+ {Array.isArray(student.skills) && student.skills.length > 0 ? (
+
+ {/* Companies of Interest */}
+
+ {student.skills.map((skill, index) => (
+
+ {skill}
+
+ ))}
+
+ ) : (
+ Not specified
+ )} +
+
+ {Array.isArray(student.companiesOfInterest) && student.companiesOfInterest.length > 0 ? (
+
+
+ {student.companiesOfInterest.map((companiesOfInterest, index) => (
+
+ {companiesOfInterest}
+
+ ))}
+
+ ) : (
+ Not specified
+ )} +
+
+
+ {similarities && (
+
+
+
+ )}
+ + Similarities +
+-
+ {similarities.map((sim, idx) => (
+
- + {sim.category}:{" "} + {sim.description} + + ))} +
{similaritySummary}
+ )} +
+
+
+
+
+
+ + Generate a personalized outreach email to {student?.name} based on your shared interests. +
+ +
+
+
+
+
+ {generatedEmail && (
+
+
+
+
+
+
+ setPurpose(e.target.value)}
+ placeholder="e.g. Ask for resume advice"
+ className="w-full p-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 outline-none"
+ />
+
+
+
+ )}
+
+ Generated Draft
+
+
+
+ {sharedInterests.length > 0 && (
+
+ Shared Interests found:
+ {sharedInterests.join(", ")}
+
+ )}
+
+
+ );
+};
+
+export default Students;
\ No newline at end of file
diff --git a/frontend/src/types/User.ts b/frontend/src/types/User.ts
index 261e916..28da6a7 100644
--- a/frontend/src/types/User.ts
+++ b/frontend/src/types/User.ts
@@ -14,6 +14,63 @@ export enum ClassLevel {
Other = "OTHER",
}
+export enum MajorType {
+ Anthropology = "Anthropology",
+ Artificial_Intelligence = "Artificial Intelligence",
+ Astronomy_and_Astrophysics = "Astronomy and Astrophysics",
+ Bioengineering = "Bioengineering",
+ Biology = "Biology",
+ Black_Diaspora_and_African_American_Studies = "Black Diaspora and African American Studies",
+ Chemical_Engineering = "Chemical Engineering",
+ Chemistry_and_Biochemistry = "Chemistry and Biochemistry",
+ Chicanx_and_Latinx_Studies = "Chicanx and Latinx Studies",
+ Chinese_Studies = "Chinese Studies",
+ Cinematic_Arts = "Cinematic Arts",
+ Classical_Studies = "Classical Studies",
+ Cognitive_Science = "Cognitive Science",
+ Communication = "Communication",
+ Computer_Engineering_CSE = "Computer Engineering (CSE)",
+ Computer_Engineering_ECE = "Computer Engineering (ECE)",
+ Computer_Science = "Computer Science",
+ Critical_Gender_Studies = "Critical Gender Studies",
+ Data_Science = "Data Science",
+ Economics = "Economics",
+ Education_Studies = "Education Studies",
+ Electrical_Engineering = "Electrical Engineering",
+ Environmental_Systems = "Environmental Systems",
+ Ethnic_Studies = "Ethnic Studies",
+ German_Studies = "German Studies",
+ Global_Health = "Global Health",
+ Global_South_Studies = "Global South Studies",
+ History = "History",
+ Human_Developmental_Sciences = "Human Developmental Sciences",
+ International_Studies = "International Studies",
+ Italian_Studies = "Italian Studies",
+ Japanese_Studies = "Japanese Studies",
+ Jewish_Studies = "Jewish Studies",
+ Latin_American_Studies = "Latin American Studies",
+ Linguistics = "Linguistics",
+ Literature = "Literature",
+ Marine_Biology = "Marine Biology",
+ Mathematics = "Mathematics",
+ Mechanical_and_Aerospace_Engineering = "Mechanical and Aerospace Engineering",
+ Music = "Music",
+ Nanoengineering = "Nanoengineering",
+ Oceanography = "Oceanography",
+ Philosophy = "Philosophy",
+ Physics = "Physics",
+ Political_Science = "Political Science",
+ Psychology = "Psychology",
+ Public_Health = "Public Health",
+ Religion = "Religion",
+ Russian_and_Soviet_Studies = "Russian and Soviet Studies",
+ Sociology = "Sociology",
+ Structural_Engineering = "Structural Engineering",
+ Theater_and_Dance = "Theater and Dance",
+ Urban_Studies = "Urban Studies",
+ Visual_Arts = "Visual Arts",
+}
+
export interface BaseUser {
_id: string;
email: string;
@@ -28,7 +85,8 @@ export interface BaseUser {
export interface Student extends BaseUser {
type: UserType.Student;
- major?: string;
+ major?: MajorType;
+ shareProfile?: boolean;
classLevel?: ClassLevel;
school?: string;
fieldOfInterest?: string[];
@@ -87,7 +145,7 @@ export interface CreateUserRequest {
fieldOfInterest?: string[];
projects?: string[];
companiesOfInterest?: string[];
- organizations?: string[];
+ organizations?: string[];
specializations?: string[];
hobbies?: string[];
skills?: string[];
@@ -120,4 +178,11 @@ export interface GetAlumniQuery {
industry?: string[];
organizations?: string[];
specializations?: string[];
+}
+
+export interface GetStudentsQuery {
+ page: number;
+ perPage: number;
+ query?: string;
+ major?: string[];
}
\ No newline at end of file
+ {/* Header */}
+
+
+
+ Student Directory
+Connect with UCSD students on Opportune!
+
+
+ selections={[
+ {
+ label: "Major",
+ options: [...Object.values(MajorType)],
+ },
+ ]}
+ placeholder="Search by name, company, or position"
+ onSubmitForm={setSearch}
+ />
+
+ {/* Student List */}
+
+
+
+
+ pageType="students"
+ key={`${search.query}_${search.major.join(',')}`}
+ fetchData={getPaginatedOpenStudents}
+ useServerPagination
+ listStyle={{}}
+ listClassName="grid grid-cols-3 gap-4"
+ paginatorContent={{ setPerPage: true, goToPage: true }}
+ TileComponent={StudentTile}
+ />
+
+