From f15125815fe67fb1f4bc3a2752f6356cafa81eac Mon Sep 17 00:00:00 2001
From: Andrew Rafal <andrewrafal12@gmail.com>
Date: Tue, 24 Feb 2026 17:48:37 -0800
Subject: [PATCH 1/4] Added new Students page, not populated yet.

---
 backend/package-lock.json                     |  17 +-
 backend/seed-data/seed-students.ts            |  10 +
 frontend/package-lock.json                    |  30 +-
 frontend/src/App.tsx                          |   4 +
 frontend/src/api/users.ts                     |  51 +-
 .../connect/StudentProfileModal.tsx           | 154 +++++
 .../src/components/connect/StudentTile.tsx    |  98 ++++
 frontend/src/components/public/DataList.tsx   |   4 +-
 frontend/src/constants/navItems.ts            |   5 +
 frontend/src/pages/Student.tsx                | 540 ++++++++++++++++++
 frontend/src/pages/Students.tsx               |  88 +++
 frontend/src/types/User.ts                    |  33 +-
 12 files changed, 1023 insertions(+), 11 deletions(-)
 create mode 100644 frontend/src/components/connect/StudentProfileModal.tsx
 create mode 100644 frontend/src/components/connect/StudentTile.tsx
 create mode 100644 frontend/src/pages/Student.tsx
 create mode 100644 frontend/src/pages/Students.tsx

diff --git a/backend/package-lock.json b/backend/package-lock.json
index 7ecd772..48611eb 100644
--- a/backend/package-lock.json
+++ b/backend/package-lock.json
@@ -1263,6 +1263,7 @@
       "resolved": "https://registry.npmjs.org/@firebase/app/-/app-0.14.8.tgz",
       "integrity": "sha512-WiE9uCGRLUnShdjb9iP20sA3ToWrBbNXr14/N5mow7Nls9dmKgfGaGX5cynLvrltxq2OrDLh1VDNaUgsnS/k/g==",
       "license": "Apache-2.0",
+      "peer": true,
       "dependencies": {
         "@firebase/component": "0.7.0",
         "@firebase/logger": "0.5.0",
@@ -1329,6 +1330,7 @@
       "resolved": "https://registry.npmjs.org/@firebase/app-compat/-/app-compat-0.5.8.tgz",
       "integrity": "sha512-4De6SUZ36zozl9kh5rZSxKWULpgty27rMzZ6x+xkoo7+NWyhWyFdsdvhFsWhTw/9GGj0wXIcbTjwHYCUIUuHyg==",
       "license": "Apache-2.0",
+      "peer": true,
       "dependencies": {
         "@firebase/app": "0.14.8",
         "@firebase/component": "0.7.0",
@@ -1344,7 +1346,8 @@
       "version": "0.9.3",
       "resolved": "https://registry.npmjs.org/@firebase/app-types/-/app-types-0.9.3.tgz",
       "integrity": "sha512-kRVpIl4vVGJ4baogMDINbyrIOtOxqhkZQg4jTq3l8Lw6WSk0xfpEYzezFu+Kl4ve4fbPl79dvwRtaFqAC/ucCw==",
-      "license": "Apache-2.0"
+      "license": "Apache-2.0",
+      "peer": true
     },
     "node_modules/@firebase/auth": {
       "version": "1.12.0",
@@ -1795,6 +1798,7 @@
       "integrity": "sha512-0AZUyYUfpMNcztR5l09izHwXkZpghLgCUaAGjtMwXnCg3bj4ml5VgiwqOMOxJ+Nw4qN/zJAaOQBcJ7KGkWStqQ==",
       "hasInstallScript": true,
       "license": "Apache-2.0",
+      "peer": true,
       "dependencies": {
         "tslib": "^2.1.0"
       },
@@ -2943,6 +2947,7 @@
       "resolved": "https://registry.npmjs.org/@types/node/-/node-25.2.3.tgz",
       "integrity": "sha512-m0jEgYlYz+mDJZ2+F4v8D1AyQb+QzsNqRuI7xg1VQX/KlKS0qT9r1Mo16yo5F/MtifXFgaofIFsdFMox2SxIbQ==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "undici-types": "~7.16.0"
       }
@@ -3040,6 +3045,7 @@
       "integrity": "sha512-oy9+hTPCUFpngkEZUSzbf9MxI65wbKFoQYsgPdILTfbUldp5ovUuphZVe4i30emU9M/kP+T64Di0mxl7dSw3MA==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@eslint-community/regexpp": "^4.5.1",
         "@typescript-eslint/scope-manager": "6.21.0",
@@ -3076,6 +3082,7 @@
       "integrity": "sha512-tbsV1jPne5CkFQCgPBcDOt30ItF7aJoZL997JSF7MhGQqOeT3svWRYxiqlfA5RUdlHN6Fi+EI9bxqbdyAUZjYQ==",
       "dev": true,
       "license": "BSD-2-Clause",
+      "peer": true,
       "dependencies": {
         "@typescript-eslint/scope-manager": "6.21.0",
         "@typescript-eslint/types": "6.21.0",
@@ -3281,7 +3288,8 @@
       "version": "14.18.33",
       "resolved": "https://registry.npmjs.org/@types/node/-/node-14.18.33.tgz",
       "integrity": "sha512-qelS/Ra6sacc4loe/3MSjXNL1dNQ/GjxNHVzuChwMfmk7HuycRLVQN2qNY3XahK+fZc5E2szqQSKUyAF0E+2bg==",
-      "license": "MIT"
+      "license": "MIT",
+      "peer": true
     },
     "node_modules/@vercel/node/node_modules/ts-node": {
       "version": "10.9.1",
@@ -3331,6 +3339,7 @@
       "resolved": "https://registry.npmjs.org/typescript/-/typescript-4.9.5.tgz",
       "integrity": "sha512-1FXk9E2Hm+QzZQ7z+McJiHL4NW1F2EzMu9Nq9i3zAaGqibafqYwCVU6WyWAuyQRRzOlxou8xZSyXLEN8oKj24g==",
       "license": "Apache-2.0",
+      "peer": true,
       "bin": {
         "tsc": "bin/tsc",
         "tsserver": "bin/tsserver"
@@ -3380,6 +3389,7 @@
       "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.15.0.tgz",
       "integrity": "sha512-NZyJarBfL7nWwIq+FDL6Zp/yHEhePMNnnJ0y3qfieCrmNvYct8uvtiV41UvlSe6apAfk0fY1FbWx+NwfmpvtTg==",
       "license": "MIT",
+      "peer": true,
       "bin": {
         "acorn": "bin/acorn"
       },
@@ -4961,6 +4971,7 @@
       "deprecated": "This version is no longer supported. Please see https://eslint.org/version-support for other options.",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@eslint-community/eslint-utils": "^4.2.0",
         "@eslint-community/regexpp": "^4.6.1",
@@ -5126,6 +5137,7 @@
       "integrity": "sha512-whOE1HFo/qJDyX4SnXzP4N6zOWn79WhnCUY/iDR0mPfQZO8wcYE4JClzI2oZrhBnnMUCBCHZhO6VQyoBU95mZA==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@rtsao/scc": "^1.1.0",
         "array-includes": "^3.1.9",
@@ -9134,6 +9146,7 @@
       "integrity": "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==",
       "dev": true,
       "license": "Apache-2.0",
+      "peer": true,
       "bin": {
         "tsc": "bin/tsc",
         "tsserver": "bin/tsserver"
diff --git a/backend/seed-data/seed-students.ts b/backend/seed-data/seed-students.ts
index 9f290cb..940431e 100644
--- a/backend/seed-data/seed-students.ts
+++ b/backend/seed-data/seed-students.ts
@@ -22,6 +22,7 @@ const preservedUserIds: string[] = [];
 
 const sampleStudents = [
   {
+    _id: "student_001",
     email: "alex.chen@university.edu",
     name: "Alex Chen",
     profilePicture:
@@ -40,6 +41,7 @@ const sampleStudents = [
     school: "Tech University",
   },
   {
+    _id: "student_002",
     email: "maya.patel@state.edu",
     name: "Maya Patel",
     profilePicture:
@@ -58,6 +60,7 @@ const sampleStudents = [
     school: "State University",
   },
   {
+    _id: "student_003",
     email: "jordan.smith@college.edu",
     name: "Jordan Smith",
     profilePicture:
@@ -76,6 +79,7 @@ const sampleStudents = [
     school: "Institute of Technology",
   },
   {
+    _id: "student_004",
     email: "liam.nguyen@uni.edu",
     name: "Liam Nguyen",
     profilePicture:
@@ -94,6 +98,7 @@ const sampleStudents = [
     school: "Academy of Arts",
   },
   {
+    _id: "student_005",
     email: "sarah.kim@global.edu",
     name: "Sarah Kim",
     profilePicture:
@@ -112,6 +117,7 @@ const sampleStudents = [
     school: "Global Business School",
   },
   {
+    _id: "student_006",
     email: "oscar.rodriguez@tech.edu",
     name: "Oscar Rodriguez",
     profilePicture:
@@ -130,6 +136,7 @@ const sampleStudents = [
     school: "Design Institute",
   },
   {
+    _id: "student_007",
     email: "chloe.wilson@state.edu",
     name: "Chloe Wilson",
     profilePicture: "https://images.unsplash.com/photo-1544005313-94ddf0286df2",
@@ -147,6 +154,7 @@ const sampleStudents = [
     school: "Western University",
   },
   {
+    _id: "student_008",
     email: "ethan.brown@poly.edu",
     name: "Ethan Brown",
     profilePicture:
@@ -165,6 +173,7 @@ const sampleStudents = [
     school: "Polytechnic University",
   },
   {
+    _id: "student_009",
     email: "isabella.white@uni.edu",
     name: "Isabella White",
     profilePicture: "https://images.unsplash.com/photo-1554151228-14d9def656e4",
@@ -182,6 +191,7 @@ const sampleStudents = [
     school: "Central University",
   },
   {
+    _id: "student_10",
     email: "noah.davis@college.edu",
     name: "Noah Davis",
     profilePicture: "https://images.unsplash.com/photo-1552058544-f2b08422138a",
diff --git a/frontend/package-lock.json b/frontend/package-lock.json
index 8f0c6e1..46c438f 100644
--- a/frontend/package-lock.json
+++ b/frontend/package-lock.json
@@ -99,6 +99,7 @@
       "integrity": "sha512-CGOfOJqWjg2qW/Mb6zNsDm+u5vFQ8DxXfbM09z69p5Z6+mE1ikP2jUXw+j42Pf1XTYED2Rni5f95npYeuwMDQA==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@babel/code-frame": "^7.29.0",
         "@babel/generator": "^7.29.0",
@@ -919,6 +920,7 @@
       "resolved": "https://registry.npmjs.org/@firebase/app/-/app-0.13.2.tgz",
       "integrity": "sha512-jwtMmJa1BXXDCiDx1vC6SFN/+HfYG53UkfJa6qeN5ogvOunzbFDO3wISZy5n9xgYFUrEP6M7e8EG++riHNTv9w==",
       "license": "Apache-2.0",
+      "peer": true,
       "dependencies": {
         "@firebase/component": "0.6.18",
         "@firebase/logger": "0.4.4",
@@ -985,6 +987,7 @@
       "resolved": "https://registry.npmjs.org/@firebase/app-compat/-/app-compat-0.4.2.tgz",
       "integrity": "sha512-LssbyKHlwLeiV8GBATyOyjmHcMpX/tFjzRUCS1jnwGAew1VsBB4fJowyS5Ud5LdFbYpJeS+IQoC+RQxpK7eH3Q==",
       "license": "Apache-2.0",
+      "peer": true,
       "dependencies": {
         "@firebase/app": "0.13.2",
         "@firebase/component": "0.6.18",
@@ -1000,7 +1003,8 @@
       "version": "0.9.3",
       "resolved": "https://registry.npmjs.org/@firebase/app-types/-/app-types-0.9.3.tgz",
       "integrity": "sha512-kRVpIl4vVGJ4baogMDINbyrIOtOxqhkZQg4jTq3l8Lw6WSk0xfpEYzezFu+Kl4ve4fbPl79dvwRtaFqAC/ucCw==",
-      "license": "Apache-2.0"
+      "license": "Apache-2.0",
+      "peer": true
     },
     "node_modules/@firebase/auth-compat": {
       "version": "0.5.28",
@@ -1457,6 +1461,7 @@
       "integrity": "sha512-zGlBn/9Dnya5ta9bX/fgEoNC3Cp8s6h+uYPYaDieZsFOAdHP/ExzQ/eaDgxD3GOROdPkLKpvKY0iIzr9adle0w==",
       "hasInstallScript": true,
       "license": "Apache-2.0",
+      "peer": true,
       "dependencies": {
         "tslib": "^2.1.0"
       },
@@ -2168,8 +2173,7 @@
       "version": "5.0.4",
       "resolved": "https://registry.npmjs.org/@types/aria-query/-/aria-query-5.0.4.tgz",
       "integrity": "sha512-rfT93uj5s0PRL7EzccGMs3brplhcrghnDoV26NqKhCAS1hVo+WdNsPvE/yb6ilfr5hi2MEk6d5EWJTKdxg8jVw==",
-      "license": "MIT",
-      "peer": true
+      "license": "MIT"
     },
     "node_modules/@types/babel__core": {
       "version": "7.20.5",
@@ -2587,6 +2591,7 @@
       "resolved": "https://registry.npmjs.org/@types/react/-/react-18.3.27.tgz",
       "integrity": "sha512-cisd7gxkzjBKU2GgdYrTdtQx1SORymWyaAFhaxQPK9bYO9ot3Y5OikQRvY0VYQtvwjeQnizCINJAenh/V7MK2w==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@types/prop-types": "*",
         "csstype": "^3.2.2"
@@ -2597,6 +2602,7 @@
       "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-18.3.7.tgz",
       "integrity": "sha512-MEe3UeoENYVFXzoXEWsvcpg6ZvlrFNlOQ7EOsvhI3CfAXwzPfO8Qwuxd40nepsYKqyyVQnTdEfv68q91yLcKrQ==",
       "license": "MIT",
+      "peer": true,
       "peerDependencies": {
         "@types/react": "^18.0.0"
       }
@@ -2670,6 +2676,7 @@
       "integrity": "sha512-BtE0k6cjwjLZoZixN0t5AKP0kSzlGu7FctRXYuPAm//aaiZhmfq1JwdYpYr1brzEspYyFeF+8XF5j2VK6oalrA==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@typescript-eslint/scope-manager": "8.54.0",
         "@typescript-eslint/types": "8.54.0",
@@ -3061,6 +3068,7 @@
       "integrity": "sha512-NZyJarBfL7nWwIq+FDL6Zp/yHEhePMNnnJ0y3qfieCrmNvYct8uvtiV41UvlSe6apAfk0fY1FbWx+NwfmpvtTg==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "bin": {
         "acorn": "bin/acorn"
       },
@@ -3476,6 +3484,7 @@
         }
       ],
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "baseline-browser-mapping": "^2.9.0",
         "caniuse-lite": "^1.0.30001759",
@@ -4138,6 +4147,7 @@
       "resolved": "https://registry.npmjs.org/d3-selection/-/d3-selection-3.0.0.tgz",
       "integrity": "sha512-fmTRWbNMmsmWq6xJV8D19U/gw/bwrHfNXxrIN+HfZgnzqTHp9jOmKMhsTUjXOJnZOdZY9Q28y4yebKzqDKlxlQ==",
       "license": "ISC",
+      "peer": true,
       "engines": {
         "node": ">=12"
       }
@@ -4728,6 +4738,7 @@
       "deprecated": "This version is no longer supported. Please see https://eslint.org/version-support for other options.",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@eslint-community/eslint-utils": "^4.2.0",
         "@eslint-community/regexpp": "^4.6.1",
@@ -6307,6 +6318,7 @@
       "integrity": "sha512-ekilCSN1jwRvIbgeg/57YFh8qQDNbwDb9xT/qu2DAHbFFZUicIl4ygVaAvzveMhMVr3LnpSKTNnwt8PoOfmKhQ==",
       "devOptional": true,
       "license": "MIT",
+      "peer": true,
       "bin": {
         "jiti": "lib/jiti-cli.mjs"
       }
@@ -6530,7 +6542,6 @@
       "resolved": "https://registry.npmjs.org/lz-string/-/lz-string-1.5.0.tgz",
       "integrity": "sha512-h5bgJWpxJNswbU7qCrV0tIKQCaS3blPDrqKWx+QxzuzL1zGUzij9XCWLrSLsJPu5t+eWA/ycetzYAO5IOMcWAQ==",
       "license": "MIT",
-      "peer": true,
       "bin": {
         "lz-string": "bin/bin.js"
       }
@@ -7064,6 +7075,7 @@
         }
       ],
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "nanoid": "^3.3.11",
         "picocolors": "^1.1.1",
@@ -7411,6 +7423,7 @@
       "resolved": "https://registry.npmjs.org/react/-/react-18.3.1.tgz",
       "integrity": "sha512-wS+hAgJShR0KhEvPJArfuPVN1+Hz1t0Y6n5jLrGQbkb4urgPE/0Rve+1kMB1v/oWgHgm4WIcV+i7F2pTVj+2iQ==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "loose-envify": "^1.1.0"
       },
@@ -7423,6 +7436,7 @@
       "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-18.3.1.tgz",
       "integrity": "sha512-5m4nQKp+rZRb09LNH59GM4BxTh9251/ylbKIbpe7TpGxfJ+9kv6BLkLBXIjjspbgbnIBNqlI23tRnTWT0snUIw==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "loose-envify": "^1.1.0",
         "scheduler": "^0.23.2"
@@ -7452,6 +7466,7 @@
       "resolved": "https://registry.npmjs.org/react-redux/-/react-redux-9.2.0.tgz",
       "integrity": "sha512-ROY9fvHhwOD9ySfrF0wmvu//bKCQ6AeZZq1nJNtbDC+kk5DuSuNX/n6YWYF/SYy7bSba4D4FSz8DJeKY/S/r+g==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@types/use-sync-external-store": "^0.0.6",
         "use-sync-external-store": "^1.4.0"
@@ -7598,7 +7613,8 @@
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/redux/-/redux-5.0.1.tgz",
       "integrity": "sha512-M9/ELqF6fy8FwmkpnF0S3YKOqMyoWJ4+CS5Efg2ct3oY9daQvd/Pc71FpGZsVsbl3Cpb+IIcjBDUnnyBdQbq4w==",
-      "license": "MIT"
+      "license": "MIT",
+      "peer": true
     },
     "node_modules/redux-thunk": {
       "version": "3.1.0",
@@ -8473,6 +8489,7 @@
       "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.3.tgz",
       "integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==",
       "license": "MIT",
+      "peer": true,
       "engines": {
         "node": ">=12"
       },
@@ -8661,6 +8678,7 @@
       "resolved": "https://registry.npmjs.org/typescript/-/typescript-4.9.5.tgz",
       "integrity": "sha512-1FXk9E2Hm+QzZQ7z+McJiHL4NW1F2EzMu9Nq9i3zAaGqibafqYwCVU6WyWAuyQRRzOlxou8xZSyXLEN8oKj24g==",
       "license": "Apache-2.0",
+      "peer": true,
       "bin": {
         "tsc": "bin/tsc",
         "tsserver": "bin/tsserver"
@@ -8802,6 +8820,7 @@
       "resolved": "https://registry.npmjs.org/vite/-/vite-7.3.1.tgz",
       "integrity": "sha512-w+N7Hifpc3gRjZ63vYBXA56dvvRlNWRczTdmCBBa+CotUzAPf5b7YMdMR/8CQoeYE5LX3W4wj6RYTgonm1b9DA==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "esbuild": "^0.27.0",
         "fdir": "^6.5.0",
@@ -8915,6 +8934,7 @@
       "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.3.tgz",
       "integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==",
       "license": "MIT",
+      "peer": true,
       "engines": {
         "node": ">=12"
       },
diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
index b546b12..bb9e509 100644
--- a/frontend/src/App.tsx
+++ b/frontend/src/App.tsx
@@ -8,7 +8,9 @@ import SavedApplications from "./pages/SavedApplications";
 import Companies from "./pages/Companies";
 import CompanyProfile from "./pages/Company";
 import AlumniProfile from "./pages/Alumni";
+import StudentProfile from "./pages/Student";
 import Connect from "./pages/Connect";
+import Students from "./pages/Students";
 import Sandbox from "./pages/Sandbox";
 import Profile from "./pages/Profile";
 import Analytics from "./pages/Analytics";
@@ -24,7 +26,9 @@ function App() {
             <Route path="companies" element={<Companies />} />
             <Route path="/companies/:id" element={<CompanyProfile />} />
             <Route path="/alumni/:id" element={<AlumniProfile />} />
+            <Route path="/student/:id" element={<StudentProfile />} />
             <Route path="connect" element={<Connect />} />
+            <Route path="students" element={<Students />} />
             <Route path="applications">
               <Route path="applied" element={<Applications />} />
               <Route path="saved" element={<SavedApplications />} />
diff --git a/frontend/src/api/users.ts b/frontend/src/api/users.ts
index cd3aaaf..9737606 100644
--- a/frontend/src/api/users.ts
+++ b/frontend/src/api/users.ts
@@ -3,6 +3,7 @@ import {
   Alumni,
   CreateUserRequest,
   GetAlumniQuery,
+  GetStudentsQuery,
   Student,
   UpdateUserRequest,
   User,
@@ -21,6 +22,7 @@ function parseUser(user: UserJSON): User {
   throw new Error("Invalid user type");
 }
 
+// Use for when type explicitly calls for Alumni
 function parseAlumni(user: UserJSON): Alumni {
   if (user.type === UserType.Alumni) {
     return { ...user } as Alumni; // Safely return as Alumni
@@ -28,6 +30,14 @@ function parseAlumni(user: UserJSON): Alumni {
   throw new Error("User is not an Alumni");
 }
 
+// Use for when type explicitly calls for Student
+function parseStudent(user: UserJSON): Student {
+  if (user.type === UserType.Student) {
+    return { ...user } as Student; // Safely return as Student
+  }
+  throw new Error("User is not an Student");
+}
+
 /**
  * Fetch all users from the backend.
  *
@@ -76,6 +86,22 @@ export async function getAlumniById(id: string): Promise<APIResult<Alumni>> {
   }
 }
 
+/**
+ * Fetch a single alumni by ID from the backend.
+ *
+ * @param id The ID of the alumni to fetch
+ * @returns The alumni object
+ */
+export async function getStudentById(id: string): Promise<APIResult<Student>> {
+  try {
+    const response = await get(`/api/users/${id}`);
+    const json = (await response.json()) as UserJSON;
+    return { success: true, data: parseStudent(json) };
+  } catch (error) {
+    return handleAPIError(error);
+  }
+}
+
 /**
  * Create a new user in the backend.
  *
@@ -154,6 +180,29 @@ export async function getAlumni(
 }
 
 
+/**
+ * Fetch students that are willing to share profile from the backend
+ *
+ * @param queries
+ * @returns PaginatedData object containing student profiles
+ */
+export async function getStudents(
+  queries: GetStudentsQuery = { page: 0, perPage: 10 },
+): Promise<APIResult<PaginatedData<Student>>> {
+  try {
+    const response = await get(`/api/users/student`, {
+      ...queries,
+      major: queries.major?.join(",") || "",
+    });
+    const json = (await response.json()) as PaginatedData<UserJSON>;
+    const result = { ...json, data: json.data.map(parseStudent) };
+    return { success: true, data: result };
+  } catch (error) {
+    return handleAPIError(error);
+  }
+}
+
+
 /**
  * Fetch similarities between a student and an alumni from the backend
  *
@@ -161,7 +210,7 @@ export async function getAlumni(
  * @returns SimilarityResponse containing similarities and summary
  */
 export async function getSimilarities(
-  studentId: string, 
+  studentId: string,
   alumniId: string,
 ): Promise<APIResult<SimilarityResponse>> {
   try {
diff --git a/frontend/src/components/connect/StudentProfileModal.tsx b/frontend/src/components/connect/StudentProfileModal.tsx
new file mode 100644
index 0000000..963e5a2
--- /dev/null
+++ b/frontend/src/components/connect/StudentProfileModal.tsx
@@ -0,0 +1,154 @@
+import React from "react";
+import Modal from "../public/Modal";
+import { Student } from "../../types/User";
+import {
+  LuMail,
+  LuGraduationCap,
+  LuPhone,
+} from "react-icons/lu";
+import { BsLinkedin } from "react-icons/bs";
+
+interface StudentProfileModalProps {
+  isOpen: boolean;
+  onClose: () => void;
+  student: Student | null;
+}
+
+const StudentProfileModal = ({
+  isOpen,
+  onClose,
+  student,
+}: StudentProfileModalProps) => {
+  // Function to format LinkedIn URL for display
+  const formatLinkedInUrl = (url: string) => {
+    try {
+      const linkedInUrl = new URL(url);
+      // Display just the path without https://linkedin.com
+      return linkedInUrl.pathname.replace(/^\//, "");
+    } catch {
+      return url;
+    }
+  };
+
+  if (!student) {
+    return <div>Error: Student not found</div>;
+  }
+
+  return (
+    <Modal
+      isOpen={isOpen}
+      onClose={onClose}
+      className="w-[600px] rounded-xl p-0 overflow-hidden"
+      useOverlay
+    >
+      {/* Header with background color and profile image */}
+      <div className="bg-gradient-to-r from-blue-500 to-indigo-600 text-white p-6 relative">
+        <button
+          onClick={onClose}
+          className="absolute top-4 right-4 text-white hover:bg-white hover:bg-opacity-20 rounded-full p-1"
+        >
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            width="24"
+            height="24"
+            viewBox="0 0 24 24"
+            fill="none"
+            stroke="currentColor"
+            strokeWidth="2"
+            strokeLinecap="round"
+            strokeLinejoin="round"
+          >
+            <line x1="18" y1="6" x2="6" y2="18"></line>
+            <line x1="6" y1="6" x2="18" y2="18"></line>
+          </svg>
+        </button>
+
+        <div className="flex flex-col sm:flex-row items-center gap-4">
+          <div className="w-24 h-24 rounded-full bg-white p-1 shadow-lg">
+            {student.profilePicture ? (
+              <img
+                src={student.profilePicture}
+                alt={`${student.name}'s profile`}
+                className="w-full h-full rounded-full object-cover"
+              />
+            ) : (
+              <div className="w-full h-full rounded-full bg-gray-200 flex items-center justify-center">
+                <span className="text-3xl text-gray-500 font-semibold">
+                  {student.name.charAt(0)}
+                </span>
+              </div>
+            )}
+          </div>
+
+          <div className="text-center sm:text-left">
+            <h1 className="text-2xl font-bold mb-1">{student.name}</h1>
+            <div className="flex items-center justify-center sm:justify-start gap-2">
+              <LuGraduationCap className="w-4 h-4" />
+              <span>{student.major || "Major not specified"}</span>
+            </div>
+            <div className="flex items-center justify-center sm:justify-start gap-2">
+              <span>{student.classLevel || "Class Level not specified"}</span>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      {/* Content */}
+      <div className="p-6">
+        <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
+          {/* Contact Information */}
+          <section className="space-y-3">
+            <h2 className="font-semibold text-gray-700 border-b pb-1">
+              Contact Information
+            </h2>
+
+            <div className="flex items-start gap-3">
+              <LuMail className="w-5 h-5 text-gray-500 mt-0.5 flex-shrink-0" />
+              <div>
+                <div className="text-sm text-gray-500">Email</div>
+                <a
+                  href={`mailto:${student.email}`}
+                  className="text-blue-500 underline hover:text-blue-600"
+                >
+                  <div className="w-[200px] truncate overflow-hidden whitespace-nowrap text-ellipsis">
+                    {student.email}
+                  </div>
+                </a>
+              </div>
+            </div>
+
+            <div className="flex items-start gap-3">
+              <LuPhone className="w-5 h-5 text-gray-500 mt-0.5 flex-shrink-0" />
+              <div>
+                <div className="text-sm text-gray-500">Phone</div>
+                <div>{student.phoneNumber || "Not specified"}</div>
+              </div>
+            </div>
+
+            <div className="flex items-start gap-3">
+              <BsLinkedin className="w-5 h-5 text-gray-500 mt-0.5 flex-shrink-0" />
+              <div>
+                <div className="text-sm text-gray-500">LinkedIn</div>
+                {student.linkedIn ? (
+                  <a
+                    href={student.linkedIn}
+                    onClick={(e) => e.stopPropagation()}
+                    target="_blank"
+                    rel="noopener noreferrer"
+                    className="text-blue-600 hover:text-blue-800 hover:underline transition-colors"
+                  >
+                    {formatLinkedInUrl(student.linkedIn)}
+                  </a>
+                ) : (
+                  <div>Not specified</div>
+                )}
+              </div>
+            </div>
+          </section>
+        </div>
+      </div>
+    </Modal>
+  );
+};
+
+export default StudentProfileModal;
diff --git a/frontend/src/components/connect/StudentTile.tsx b/frontend/src/components/connect/StudentTile.tsx
new file mode 100644
index 0000000..d59f5ca
--- /dev/null
+++ b/frontend/src/components/connect/StudentTile.tsx
@@ -0,0 +1,98 @@
+import React, { useState } from "react";
+import { useNavigate } from "react-router-dom";
+import { Student } from "../../types/User";
+import { LuMail, LuGraduationCap } from "react-icons/lu";
+import StudentProfileModal from "./StudentProfileModal";
+
+interface StudentTileProps {
+  data: Student;
+}
+
+const StudentTile: React.FC<StudentTileProps> = ({ data }) => {
+  const navigate = useNavigate();
+  const [studentProfileOpen, setStudentProfileOpen] = useState(false);
+
+  const onStudentClicked = () => {
+    setStudentProfileOpen(true);
+  };
+
+  const onStudentProfileClose = () => {
+    setStudentProfileOpen(false);
+  };
+
+  return (
+    <div onClick={() => 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 */}
+      <div className="bg-gray-50 p-4 flex items-center border-b">
+        <div className="w-12 h-12 rounded-full bg-gray-200 flex items-center justify-center overflow-hidden mr-3">
+          {data.profilePicture ? (
+            <img
+              src={data.profilePicture}
+              alt={data.name}
+              className="w-full h-full object-cover"
+            />
+          ) : (
+            <span className="text-xl">{data.name.charAt(0)}</span>
+          )}
+        </div>
+        <div>
+          <h3 className="font-bold text-lg text-gray-900">{data.name}</h3>
+        </div>
+      </div>
+
+      {/* Card body with user details */}
+      <div className="p-4">
+        <div className="mb-3 flex items-start">
+          <LuMail className="w-5 h-5 text-gray-500 mr-2 flex-shrink-0 mt-0.5" />
+          <div className="text-sm text-gray-700 break-words flex-1">
+            <a
+              href={`mailto:${data.email}`}
+              className="text-blue-500 underline hover:text-blue-600"
+            >
+              {data.email}
+            </a>
+          </div>
+        </div>
+
+        <div className="mb-3 flex items-start">
+          <LuGraduationCap className="w-5 h-5 text-gray-500 mr-2 flex-shrink-0 mt-0.5" />
+          <div className="text-sm text-gray-700 break-words flex-1">
+            {data.major ? (
+              data.major
+            ) : (
+              <span className="text-gray-500">Major not specified</span>
+            )}
+          </div>
+        </div>
+
+        <div className="mb-2 flex items-start">
+          <div className="text-sm text-gray-700 break-words flex-1">
+            {data.classLevel ? (
+              data.classLevel.charAt(0).toUpperCase() +
+              data.classLevel.slice(1).toLowerCase()
+            ) : (
+              <span className="text-gray-500">Class Level not specified</span>
+            )}
+          </div>
+        </div>
+
+        <div className="mt-4">
+          <button
+            className="bg-blue-500 text-white px-3 py-1 rounded hover:bg-blue-600 text-sm transition"
+            onClick={onStudentClicked}
+          >
+            View Profile
+          </button>
+        </div>
+      </div>
+      <StudentProfileModal
+        isOpen={studentProfileOpen}
+        onClose={onStudentProfileClose}
+        student={data}
+      />
+    </div>
+  );
+};
+
+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 = <T extends object>(props: DataListProps<T>) => {
         </div> :
         <div className="text-center">
           <br></br>
-          <p>No alumni currently fit your query.</p>
-          <p>Edit your <b>Industry</b> type to find alumni in a different category.</p>
+          <p>No users currently fit your query.</p>
+          <p>Edit your <b>filters</b> to find users in a different category.</p>
           <p></p>
         </div>
       }
diff --git a/frontend/src/constants/navItems.ts b/frontend/src/constants/navItems.ts
index 740acfb..00a1093 100644
--- a/frontend/src/constants/navItems.ts
+++ b/frontend/src/constants/navItems.ts
@@ -27,6 +27,11 @@ export const navItems: NavItem[] = [
     path: "/connect",
     icon: FiLink,
   },
+  {
+    label: "Student Network",
+    path: "/students",
+    icon: FiLink,
+  },
   {
     label: "Applications",
     path: "/applications/applied",
diff --git a/frontend/src/pages/Student.tsx b/frontend/src/pages/Student.tsx
new file mode 100644
index 0000000..59fcd9e
--- /dev/null
+++ b/frontend/src/pages/Student.tsx
@@ -0,0 +1,540 @@
+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 } 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<Toast>(null);
+  console.log("route param id: ", id);
+  const navigate = useNavigate();
+
+  const [student, setStudent] = useState<Student | null>(null);
+  const [loading, setLoading] = useState(true);
+  const { user } = useAuth();
+
+  const [similarities, setSimilarities] = useState<Similarity[] | null>(null);
+  const [similaritySummary, setSimilaritySummary] = useState<string | null>(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<string[]>([]);
+  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<Student>) => {
+        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 (
+      <div className="min-h-screen flex items-center justify-center">
+        Student not found.
+      </div>
+    );
+
+  return (
+    <div>
+      {!student ? (
+        <div className="min-h-screen flex items-center justify-center text-red-800 text-lg">
+          Student not found.
+        </div>
+      ) : (
+        <>
+          {/* Display Spinner While Loading */}
+          {loading && (
+            <div className="min-h-screen flex items-center justify-center">
+              <ProgressSpinner className="h-16 w-16" strokeWidth="3" />
+            </div>
+          )}
+          {/* When Finished Loading */}
+          {!loading && (
+            <div className="bg-transparent h-screen overflow-auto text-gray-800 relative">
+              <div className="flex items-center justify-between px-4 pt-4">
+                {/* Back Button to Exit Profile */}
+                <button
+                  onClick={() => navigate("/connect")}
+                  className="inline-flex items-center text-blue-700 hover:bg-blue-50 px-2 py-1 rounded-lg transition"
+                  aria-label="Back to Connect"
+                  title="Back to Connect"
+                >
+                  <FaArrowLeft className="mr-1" />
+                  <span className="hidden sm:inline">Back to Connect</span>
+                </button>
+              </div>
+              <div className="w-full items-center my-10">
+                <div className="bg-white rounded-lg shadow-sm p-6 max-w-4xl mx-auto border">
+                  <div className="flex flex-col md:flex-row gap-8">
+                    {/* Left Column - Profile Image */}
+                    <div className="flex flex-col items-center">
+                      <div className="w-32 h-32 rounded-full bg-gray-200 overflow-hidden mb-4">
+                        {student.profilePicture ? (
+                          <img
+                            src={student.profilePicture}
+                            alt={student.name}
+                            className="w-full h-full object-cover"
+                          />
+                        ) : (
+                          <div className="w-full h-full flex items-center justify-center bg-blue-100 text-blue-600 text-3xl font-semibold">
+                            {student.name
+                              .split(" ")
+                              .map((n) => n[0])
+                              .join("")
+                              .toUpperCase()}
+                          </div>
+                        )}
+                      </div>
+                    </div>
+
+                    {/* Right Column - User Information */}
+                    <div className="flex-1">
+                      {/* Basic Information */}
+                      <div className="mb-6">
+                        <div className="flex items-center justify-between mb-4">
+                          <h2 className="text-xl font-semibold text-gray-800 mb-4">
+                            Basic Information
+                          </h2>
+                          <button
+                            onClick={() => setIsEmailModalOpen(true)}
+                            className="mt-2 flex items-center gap-1.5 px-3 py-1.5 bg-blue-100 text-blue-700 rounded-md text-sm font-medium hover:bg-blue-200 transition"
+                          >
+                            <LuWand className="w-3.5 h-3.5" />
+                            <span>Personalize Email</span>
+                          </button>
+                        </div>
+                        <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
+                          <div>
+                            <label className="block text-sm font-medium text-gray-500 mb-1">
+                              Full Name
+                            </label>
+                            <p className="text-gray-800">{student.name}</p>
+                          </div>
+                          <div>
+                            <label className="block text-sm font-medium text-gray-500 mb-1">
+                              <div className="flex items-center gap-2">
+                                <LuMail size={16} />
+                                <span>Email</span>
+                              </div>
+                            </label>
+                            <p className="text-gray-800">{student.email}</p>
+                          </div>
+
+                          <div>
+                            <label className="block text-sm font-medium text-gray-500 mb-1">
+                              <div className="flex items-center gap-2">
+                                <FiPhone size={16} />
+                                <span>Phone Number</span>
+                              </div>
+                            </label>
+                            <p className="text-gray-800">
+                              {student.phoneNumber || "Not provided"}
+                            </p>
+                          </div>
+                        </div>
+                      </div>
+
+                      {/* LinkedIn */}
+                      <div className="mb-6">
+                        <label className="block text-sm font-medium text-gray-500 mb-1">
+                          <div className="flex items-center gap-2">
+                            <FaLinkedin size={16} />
+                            <span>LinkedIn</span>
+                          </div>
+                        </label>
+                        {student.linkedIn ? (
+                          <a
+                            href={student.linkedIn}
+                            target="_blank"
+                            rel="noopener noreferrer"
+                            className="text-blue-600 hover:underline"
+                          >
+                            {student.linkedIn}
+                          </a>
+                        ) : (
+                          <p className="text-gray-600">Not provided</p>
+                        )}
+                      </div>
+
+
+                      {/* Student-specific Information */}
+                      <div>
+                        <div className="mb-6">
+                          <h2 className="text-xl font-semibold text-gray-800 mb-4">
+                            Academic Information
+                          </h2>
+                          <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
+                            <div>
+                              <label className="block text-sm font-medium text-gray-500 mb-1">
+                                <div className="flex items-center gap-2">
+                                  <LuGraduationCap size={16} />
+                                  <span>Major</span>
+                                </div>
+                              </label>
+                              <p className="text-gray-800">
+                                {student.major || "Not specified"}
+                              </p>
+                            </div>
+
+                            <div>
+                              <label className="block text-sm font-medium text-gray-500 mb-1">
+                                <span>Year</span>
+                              </label>
+                              <p className="text-gray-800">
+                                {student.classLevel
+                                  ? student.classLevel.charAt(0).toUpperCase() +
+                                  student.classLevel.slice(1).toLowerCase()
+                                  : "Not specified"}
+                              </p>
+                            </div>
+
+                            {/* School */}
+                            <div>
+                              <label className="block text-sm font-medium text-gray-500 mb-1">
+                                <span>School</span>
+                              </label>
+                              <p className="text-gray-800">
+                                {student.school
+                                  ? student.school.charAt(0).toUpperCase() +
+                                  student.school.slice(1).toLowerCase()
+                                  : "Not specified"}
+                              </p>
+                            </div>
+                            {/* Field of Interest */}
+                            <div>
+                              <label className="block text-sm font-medium text-gray-500 mb-1">
+                                <span>Field of Interest</span>
+                              </label>
+                              {Array.isArray(student.fieldOfInterest) && student.fieldOfInterest.length > 0 ? (
+                                <div className="flex flex-wrap gap-2">
+                                  {student.fieldOfInterest.map((field, index) => (
+                                    <span
+                                      key={index}
+                                      className="px-2 py-1 text-sm bg-gray-100 text-gray-800 rounded-md"
+                                    >
+                                      {field}
+                                    </span>
+                                  ))}
+                                </div>
+                              ) : (
+                                <p className="text-gray-800">Not specified</p>
+                              )}
+                            </div>
+                            {/* Projects */}
+                            <div>
+                              <label className="block text-sm font-medium text-gray-500 mb-1">
+                                <span>Projects</span>
+                              </label>
+                              {Array.isArray(student.projects) && student.projects.length > 0 ? (
+                                <div className="flex flex-wrap gap-2">
+                                  {student.projects.map((project, index) => (
+                                    <span
+                                      key={index}
+                                      className="px-2 py-1 text-sm bg-gray-100 text-gray-800 rounded-md"
+                                    >
+                                      {project}
+                                    </span>
+                                  ))}
+                                </div>
+                              ) : (
+                                <p className="text-gray-800">Not specified</p>
+                              )}
+                            </div>
+                            {/* These next two are technically user specific but this will be dealt with during the redesign
+                            Hobbies */}
+                            <div>
+                              <label className="block text-sm font-medium text-gray-500 mb-1">
+                                <span>Hobbies</span>
+                              </label>
+                              {Array.isArray(student.hobbies) && student.hobbies.length > 0 ? (
+                                <div className="flex flex-wrap gap-2">
+                                  {student.hobbies.map((hobby, index) => (
+                                    <span
+                                      key={index}
+                                      className="px-2 py-1 text-sm bg-gray-100 text-gray-800 rounded-md"
+                                    >
+                                      {hobby}
+                                    </span>
+                                  ))}
+                                </div>
+                              ) : (
+                                <p className="text-gray-800">Not specified</p>
+                              )}
+                            </div>
+                            {/* Skills */}
+                            <div>
+                              <label className="block text-sm font-medium text-gray-500 mb-1">
+                                <span>Skills</span>
+                              </label>
+                              {Array.isArray(student.skills) && student.skills.length > 0 ? (
+                                <div className="flex flex-wrap gap-2">
+                                  {student.skills.map((skill, index) => (
+                                    <span
+                                      key={index}
+                                      className="px-2 py-1 text-sm bg-gray-100 text-gray-800 rounded-md"
+                                    >
+                                      {skill}
+                                    </span>
+                                  ))}
+                                </div>
+                              ) : (
+                                <p className="text-gray-800">Not specified</p>
+                              )}
+                            </div>
+                            {/* Companies of Interest */}
+                            <div>
+                              <label className="block text-sm font-medium text-gray-500 mb-1">
+                                <span>Companies of Interest</span>
+                              </label>
+                              {Array.isArray(student.companiesOfInterest) && student.companiesOfInterest.length > 0 ? (
+                                <div className="flex flex-wrap gap-2">
+                                  {student.companiesOfInterest.map((companiesOfInterest, index) => (
+                                    <span
+                                      key={index}
+                                      className="px-2 py-1 text-sm bg-gray-100 text-gray-800 rounded-md"
+                                    >
+                                      {companiesOfInterest}
+                                    </span>
+                                  ))}
+                                </div>
+                              ) : (
+                                <p className="text-gray-800">Not specified</p>
+                              )}
+                            </div>
+                          </div>
+                        </div>
+
+                        {/* Similarities section */}
+                        <div className="mt-6 flex flex-col gap-3">
+                          <button
+                            onClick={fetchSimilarities}
+                            disabled={similarityLoading}
+                            className="inline-flex items-center justify-center px-4 py-2 rounded-md bg-blue-600 text-white hover:bg-blue-700 disabled:bg-blue-300 disabled:cursor-not-allowed transition"
+                          >
+                            {similarityLoading ? "Finding similarities..." : "Find similarities"}
+                          </button>
+
+                          {similarities && (
+                            <div className="mt-4">
+                              <h2 className="text-lg font-semibold text-gray-800 mb-2">
+                                Similarities
+                              </h2>
+                              <ul className="list-disc list-inside space-y-1">
+                                {similarities.map((sim, idx) => (
+                                  <li key={idx}>
+                                    <span className="font-medium">{sim.category}:</span>{" "}
+                                    {sim.description}
+                                  </li>
+                                ))}
+                              </ul>
+
+                              {similaritySummary && (
+                                <p className="mt-3 text-gray-700">{similaritySummary}</p>
+                              )}
+                            </div>
+                          )}
+                        </div>
+                      </div>
+                    </div>
+
+
+                  </div>
+                </div>
+              </div>
+            </div>
+          )}
+        </>
+      )}
+
+      {/* Email Generation Modal */}
+      <Modal
+        isOpen={isEmailModalOpen}
+        onClose={() => setIsEmailModalOpen(false)}
+        className="w-full max-w-2xl p-6 rounded-xl"
+        useOverlay
+      >
+        <div className="flex flex-col gap-4">
+          <h2 className="text-2xl font-bold text-gray-800 flex items-center gap-2">
+            <LuWand className="text-blue-600" />
+            Personalize Email
+          </h2>
+          <p className="text-gray-600">
+            Generate a personalized outreach email to {student?.name} based on your shared interests.
+          </p>
+
+          <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
+            <div>
+              <label className="block text-sm font-medium text-gray-700 mb-1">Tone</label>
+              <select
+                value={tone}
+                onChange={(e) => setTone(e.target.value)}
+                className="w-full p-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 outline-none"
+              >
+                <option value="Professional">Professional</option>
+                <option value="Friendly">Friendly</option>
+                <option value="Enthusiastic">Enthusiastic</option>
+              </select>
+            </div>
+            <div>
+              <label className="block text-sm font-medium text-gray-700 mb-1">Purpose (Optional)</label>
+              <input
+                type="text"
+                value={purpose}
+                onChange={(e) => 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"
+              />
+            </div>
+          </div>
+
+          <button
+            onClick={handleGenerate}
+            disabled={generating}
+            className={`w-full py-2 rounded-lg font-semibold text-white transition ${generating
+              ? "bg-gray-400 cursor-not-allowed"
+              : "bg-blue-600 hover:bg-blue-700 shadow-md"
+              }`}
+          >
+            {generating ? "Generating..." : "Generate Draft"}
+          </button>
+
+          {generatedEmail && (
+            <div className="mt-4 bg-gray-50 p-4 rounded-xl border border-gray-200">
+              <div className="flex justify-between items-center mb-2">
+                <span className="text-sm font-semibold text-gray-500 uppercase tracking-wide">Generated Draft</span>
+                <button
+                  onClick={copyToClipboard}
+                  className="text-gray-500 hover:text-blue-600 transition"
+                  title="Copy to clipboard"
+                >
+                  <FaRegCopy size={16} />
+                </button>
+              </div>
+              <textarea
+                readOnly
+                value={generatedEmail}
+                className="w-full h-48 bg-white p-3 rounded-lg border border-gray-200 text-gray-700 text-sm resize-none focus:outline-none"
+              />
+              {sharedInterests.length > 0 && (
+                <div className="mt-3 text-xs text-green-700 bg-green-50 p-2 rounded-lg border border-green-100 flex gap-2 items-start">
+                  <span className="font-semibold whitespace-nowrap">Shared Interests found:</span>
+                  <span>{sharedInterests.join(", ")}</span>
+                </div>
+              )}
+            </div>
+          )}
+        </div>
+      </Modal>
+
+      <Toast ref={toast} />
+    </div >
+  );
+};
+
+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<string, string | string[]> {
+  query: string;
+  major: string[];
+}
+
+const Students = () => {
+  const [search, setSearch] = useState<SearchBarData>({
+    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<Student>;
+      }
+    },
+    [search],
+  );
+
+  return (
+    <div className="min-h-screen bg-gray-50 p-6">
+      <div className="max-w-7xl mx-auto">
+        {/* Header */}
+        <div className="mb-8">
+          <h1 className="text-3xl font-bold text-gray-900 mb-2">Student Directory</h1>
+          <p className="text-gray-600">Connect with UCSD students on Opportune!</p>
+        </div>
+        <div className="bg-white rounded-lg shadow p-6 mb-8">
+          <SearchBar<SearchBarData>
+            selections={[
+              {
+                label: "Major",
+                options: [...Object.values(MajorType)],
+              },
+            ]}
+            placeholder="Search by name, company, or position"
+            onSubmitForm={setSearch}
+          />
+        </div>
+        {/* Student List */}
+        <div className="overflow-visible">
+          <div className="flex flex-col h-[75vh]">
+            <DataList<Student>
+              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}
+            />
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+};
+
+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..c1f037d 100644
--- a/frontend/src/types/User.ts
+++ b/frontend/src/types/User.ts
@@ -14,6 +14,30 @@ export enum ClassLevel {
   Other = "OTHER",
 }
 
+export enum MajorType {
+  AEROSPACEDEFENSE = "AERO_DEF",
+  AUTOMOTIVE = "AUTO",
+  BANKFINANCIALSERVICES = "BANK_FINANCESERV",
+  BIOTECHPHARMACEUTICALS = "BIOTECH_PHARM",
+  CONSUMERGOODS = "CONSGOODS",
+  CYBERSECURITY = "CYBERSEC",
+  ECOMMERCE = "ECOMM",
+  ENERGYUTILITIES = "ENERGY_UTIL",
+  ENTERTAINMENTMEDIA = "ENT_MEDIA",
+  HEALTHMEDICALDEVICES = "HEALTH_MEDDEVICES",
+  ITSERVCONSULTING = "ITSERV_CONSULT",
+  MANUFACTURINGINDUSTRIAL = "MANUF_INDUST",
+  NETWORKINGTELECOMM = "NET_TELECOMM",
+  REALESTTATECONSTUCTION = "REALEST_CONSTRUCT",
+  RETAIL = "RETAIL",
+  SOFTWAREDEVELOPMENT = "SOFTDEV",
+  TECHHARDWARE = "TECH_HARDWARE",
+  TRANSPORTATIONLOGISTICS = "TRANSPORT_LOGISTIC",
+  VENTURECAPITALPRIVATEEQUITY = "VENCAP_PRIVEQUITY",
+  WEBDIGITALSERVICES = "WEB_DIGITALSERV",
+  OTHERS = "OTHER",
+}
+
 export interface BaseUser {
   _id: string;
   email: string;
@@ -87,7 +111,7 @@ export interface CreateUserRequest {
   fieldOfInterest?: string[];
   projects?: string[];
   companiesOfInterest?: string[];
-  organizations?: string[]; 
+  organizations?: string[];
   specializations?: string[];
   hobbies?: string[];
   skills?: string[];
@@ -120,4 +144,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

From 84a33257bb7aacc5fc94e0372bd3da15b77fe0f7 Mon Sep 17 00:00:00 2001
From: Andrew Rafal <andrewrafal12@gmail.com>
Date: Tue, 3 Mar 2026 16:09:57 -0800
Subject: [PATCH 2/4] WIP

---
 backend/src/controllers/userController.ts | 75 +++++++++++++++++++++++
 backend/src/routes/userRoutes.ts          |  6 ++
 2 files changed, 81 insertions(+)

diff --git a/backend/src/controllers/userController.ts b/backend/src/controllers/userController.ts
index 84b1d0a..841c940 100644
--- a/backend/src/controllers/userController.ts
+++ b/backend/src/controllers/userController.ts
@@ -324,6 +324,81 @@ export const getOpenAlumni = asyncHandler(async (req, res, next) => {
   });
 });
 
+
+// @desc Get students willing to share profile
+// @route GET /api/users/student
+// @access Private
+export const getOpenStudents = asyncHandler(async (req, res, next) => {
+  const errors = validationResult(req);
+  if (!errors.isEmpty()) {
+    return next(createHttpError(400, validationErrorParser(errors)));
+  }
+
+  const { page, perPage, query, industry } = matchedData(req, {
+    locations: ["query"],
+  });
+
+  const dbQuery = User.find({
+    type: UserType.Student,
+    shareProfile: true,
+  });
+
+  /*
+  // combine company, position, and name filters
+  if (query) {
+    const companyDocs = await Company.find({
+      $or: [
+        { name: { $regex: new RegExp(query, "i") } },
+        { industry: { $regex: new RegExp(query, "i") } },
+      ],
+    }).exec();
+
+    const companyIds = companyDocs.map((company) => company._id);
+
+    dbQuery.or([
+      { name: { $regex: new RegExp(query, "i") } },
+      { position: { $regex: new RegExp(query, "i") } },
+      { company: { $in: companyIds } },
+    ]);
+  }
+
+  // industry filter
+  if (industry) {
+    const industryArray = industry
+      .split(",")
+      .map((item: string) => new RegExp(item.trim(), "i"));
+
+    const industryDocs = await Company.find({
+      industry: { $in: industryArray },
+    }).exec();
+
+    const industryCompanyIds = industryDocs.map((company) => company._id);
+
+    dbQuery.where("company").in(industryCompanyIds);
+  }
+  */
+
+  // ensure count and paginate do not conflict
+  const countQuery = dbQuery.clone();
+
+  // count total results, populate company, and paginate in parallel
+  const [total, users] = await Promise.all([
+    countQuery.countDocuments(),
+    dbQuery
+      .skip(page * perPage)
+      .limit(perPage)
+      .exec(),
+  ]);
+  
+
+  res.status(200).json({
+    page,
+    perPage,
+    total,
+    data: users,
+  });
+});
+
 export const getAlumniSimilarities = asyncHandler(async (req, res, next) => {
   const errors = validationResult(req);
   if (!errors.isEmpty()) {
diff --git a/backend/src/routes/userRoutes.ts b/backend/src/routes/userRoutes.ts
index 96e61aa..a5bb9df 100644
--- a/backend/src/routes/userRoutes.ts
+++ b/backend/src/routes/userRoutes.ts
@@ -13,6 +13,12 @@ userRouter.get(
   userController.getOpenAlumni,
 );
 
+userRouter.get(
+  "/student",
+  //userValidator.getOpenAlumniValidator,
+  userController.getOpenStudents,
+);
+
 userRouter.get(
   "/:id",
   userValidator.getUservalidator,

From 85187e48be692f71443e1baf0637d8ab86cdd7c7 Mon Sep 17 00:00:00 2001
From: n1sh1thaS <nishi2919@gmail.com>
Date: Tue, 3 Mar 2026 16:27:45 -0800
Subject: [PATCH 3/4] edit seed students

---
 backend/seed-data/seed-students.ts | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/backend/seed-data/seed-students.ts b/backend/seed-data/seed-students.ts
index 940431e..54729eb 100644
--- a/backend/seed-data/seed-students.ts
+++ b/backend/seed-data/seed-students.ts
@@ -39,6 +39,7 @@ const sampleStudents = [
     organizations: ["Computer Science Society"],
     specializations: ["Web Systems"],
     school: "Tech University",
+    shareProfile: true,
   },
   {
     _id: "student_002",
@@ -58,6 +59,7 @@ const sampleStudents = [
     organizations: ["Women in STEM"],
     specializations: ["Artificial Intelligence"],
     school: "State University",
+    shareProfile: true,
   },
   {
     _id: "student_003",
@@ -77,6 +79,7 @@ const sampleStudents = [
     organizations: ["Cyber Defense Club"],
     specializations: ["Infrastructure"],
     school: "Institute of Technology",
+    shareProfile: false,
   },
   {
     _id: "student_004",
@@ -96,6 +99,7 @@ const sampleStudents = [
     organizations: ["Game Dev Guild"],
     specializations: ["Interactive Media"],
     school: "Academy of Arts",
+    shareProfile: true,
   },
   {
     _id: "student_005",
@@ -115,6 +119,7 @@ const sampleStudents = [
     organizations: ["Finance Association"],
     specializations: ["Econometrics"],
     school: "Global Business School",
+    shareProfile: false,
   },
   {
     _id: "student_006",
@@ -134,6 +139,7 @@ const sampleStudents = [
     organizations: ["Design Collective"],
     specializations: ["User Experience"],
     school: "Design Institute",
+    shareProfile: true,
   },
   {
     _id: "student_007",
@@ -152,6 +158,7 @@ const sampleStudents = [
     organizations: ["Cloud Computing Group"],
     specializations: ["Distrubuted Systems"],
     school: "Western University",
+    shareProfile: true,
   },
   {
     _id: "student_008",
@@ -171,6 +178,7 @@ const sampleStudents = [
     organizations: ["IEEE Student Branch"],
     specializations: ["Microprocessors"],
     school: "Polytechnic University",
+    shareProfile: false,
   },
   {
     _id: "student_009",
@@ -189,6 +197,7 @@ const sampleStudents = [
     organizations: ["App Developers Club"],
     specializations: ["Interface Design"],
     school: "Central University",
+    shareProfile: true,
   },
   {
     _id: "student_10",
@@ -207,6 +216,7 @@ const sampleStudents = [
     organizations: ["MIS Society"],
     specializations: ["Information Security"],
     school: "Business College",
+    shareProfile: false,
   },
 ];
 

From 48dd0b8d99b83c8c854fef67055689902ac4840e Mon Sep 17 00:00:00 2001
From: Andrew Rafal <andrewrafal12@gmail.com>
Date: Tue, 3 Mar 2026 17:56:34 -0800
Subject: [PATCH 4/4] Added Students page with populated student cards.

---
 backend/seed-data/seed-students.ts            | 12 +++++-
 backend/src/controllers/userController.ts     | 40 +-----------------
 backend/src/routes/userRoutes.ts              |  2 +-
 backend/src/validators/userValidator.ts       |  8 ++++
 .../src/components/connect/StudentTile.tsx    |  5 ++-
 frontend/src/pages/Profile.tsx                | 42 +++++++++++++++++++
 frontend/src/pages/Student.tsx                | 27 +++++++++---
 frontend/src/types/User.ts                    |  1 +
 8 files changed, 89 insertions(+), 48 deletions(-)

diff --git a/backend/seed-data/seed-students.ts b/backend/seed-data/seed-students.ts
index 940431e..8a0845f 100644
--- a/backend/seed-data/seed-students.ts
+++ b/backend/seed-data/seed-students.ts
@@ -39,6 +39,7 @@ const sampleStudents = [
     organizations: ["Computer Science Society"],
     specializations: ["Web Systems"],
     school: "Tech University",
+    shareProfile: true,
   },
   {
     _id: "student_002",
@@ -58,6 +59,7 @@ const sampleStudents = [
     organizations: ["Women in STEM"],
     specializations: ["Artificial Intelligence"],
     school: "State University",
+    shareProfile: true,
   },
   {
     _id: "student_003",
@@ -77,6 +79,7 @@ const sampleStudents = [
     organizations: ["Cyber Defense Club"],
     specializations: ["Infrastructure"],
     school: "Institute of Technology",
+    shareProfile: false,
   },
   {
     _id: "student_004",
@@ -96,6 +99,7 @@ const sampleStudents = [
     organizations: ["Game Dev Guild"],
     specializations: ["Interactive Media"],
     school: "Academy of Arts",
+    shareProfile: true,
   },
   {
     _id: "student_005",
@@ -115,6 +119,7 @@ const sampleStudents = [
     organizations: ["Finance Association"],
     specializations: ["Econometrics"],
     school: "Global Business School",
+    shareProfile: false,
   },
   {
     _id: "student_006",
@@ -134,6 +139,7 @@ const sampleStudents = [
     organizations: ["Design Collective"],
     specializations: ["User Experience"],
     school: "Design Institute",
+    shareProfile: true,
   },
   {
     _id: "student_007",
@@ -152,6 +158,7 @@ const sampleStudents = [
     organizations: ["Cloud Computing Group"],
     specializations: ["Distrubuted Systems"],
     school: "Western University",
+    shareProfile: true,
   },
   {
     _id: "student_008",
@@ -171,6 +178,7 @@ const sampleStudents = [
     organizations: ["IEEE Student Branch"],
     specializations: ["Microprocessors"],
     school: "Polytechnic University",
+    shareProfile: false,
   },
   {
     _id: "student_009",
@@ -189,6 +197,7 @@ const sampleStudents = [
     organizations: ["App Developers Club"],
     specializations: ["Interface Design"],
     school: "Central University",
+    shareProfile: true,
   },
   {
     _id: "student_10",
@@ -207,6 +216,7 @@ const sampleStudents = [
     organizations: ["MIS Society"],
     specializations: ["Information Security"],
     school: "Business College",
+    shareProfile: false,
   },
 ];
 
@@ -242,4 +252,4 @@ async function seedStudents() {
   }
 }
 
-seedStudents();
+seedStudents();
\ No newline at end of file
diff --git a/backend/src/controllers/userController.ts b/backend/src/controllers/userController.ts
index 841c940..3780312 100644
--- a/backend/src/controllers/userController.ts
+++ b/backend/src/controllers/userController.ts
@@ -324,7 +324,6 @@ export const getOpenAlumni = asyncHandler(async (req, res, next) => {
   });
 });
 
-
 // @desc Get students willing to share profile
 // @route GET /api/users/student
 // @access Private
@@ -334,50 +333,14 @@ export const getOpenStudents = asyncHandler(async (req, res, next) => {
     return next(createHttpError(400, validationErrorParser(errors)));
   }
 
-  const { page, perPage, query, industry } = matchedData(req, {
+  const { page, perPage } = matchedData(req, {
     locations: ["query"],
   });
 
   const dbQuery = User.find({
     type: UserType.Student,
-    shareProfile: true,
   });
 
-  /*
-  // combine company, position, and name filters
-  if (query) {
-    const companyDocs = await Company.find({
-      $or: [
-        { name: { $regex: new RegExp(query, "i") } },
-        { industry: { $regex: new RegExp(query, "i") } },
-      ],
-    }).exec();
-
-    const companyIds = companyDocs.map((company) => company._id);
-
-    dbQuery.or([
-      { name: { $regex: new RegExp(query, "i") } },
-      { position: { $regex: new RegExp(query, "i") } },
-      { company: { $in: companyIds } },
-    ]);
-  }
-
-  // industry filter
-  if (industry) {
-    const industryArray = industry
-      .split(",")
-      .map((item: string) => new RegExp(item.trim(), "i"));
-
-    const industryDocs = await Company.find({
-      industry: { $in: industryArray },
-    }).exec();
-
-    const industryCompanyIds = industryDocs.map((company) => company._id);
-
-    dbQuery.where("company").in(industryCompanyIds);
-  }
-  */
-
   // ensure count and paginate do not conflict
   const countQuery = dbQuery.clone();
 
@@ -389,7 +352,6 @@ export const getOpenStudents = asyncHandler(async (req, res, next) => {
       .limit(perPage)
       .exec(),
   ]);
-  
 
   res.status(200).json({
     page,
diff --git a/backend/src/routes/userRoutes.ts b/backend/src/routes/userRoutes.ts
index a5bb9df..fe3220a 100644
--- a/backend/src/routes/userRoutes.ts
+++ b/backend/src/routes/userRoutes.ts
@@ -15,7 +15,7 @@ userRouter.get(
 
 userRouter.get(
   "/student",
-  //userValidator.getOpenAlumniValidator,
+  userValidator.getOpenStudentsValidator,
   userController.getOpenStudents,
 );
 
diff --git a/backend/src/validators/userValidator.ts b/backend/src/validators/userValidator.ts
index c1033c4..a96e259 100644
--- a/backend/src/validators/userValidator.ts
+++ b/backend/src/validators/userValidator.ts
@@ -298,6 +298,14 @@ export const getOpenAlumniValidator = [
   validateIndustry,
 ];
 
+export const getOpenStudentsValidator = [
+  validatePage,
+  validatePerPage,
+  validateQuery,
+  validateMajor,
+  validateClassLevel,
+];
+
 export const getSimilaritiesValidator = [
   param("studentId")
     .isString()
diff --git a/frontend/src/components/connect/StudentTile.tsx b/frontend/src/components/connect/StudentTile.tsx
index d59f5ca..a03b989 100644
--- a/frontend/src/components/connect/StudentTile.tsx
+++ b/frontend/src/components/connect/StudentTile.tsx
@@ -1,7 +1,7 @@
 import React, { useState } from "react";
 import { useNavigate } from "react-router-dom";
 import { Student } from "../../types/User";
-import { LuMail, LuGraduationCap } from "react-icons/lu";
+import { LuMail, LuBriefcase, LuGraduationCap } from "react-icons/lu";
 import StudentProfileModal from "./StudentProfileModal";
 
 interface StudentTileProps {
@@ -56,7 +56,7 @@ const StudentTile: React.FC<StudentTileProps> = ({ data }) => {
         </div>
 
         <div className="mb-3 flex items-start">
-          <LuGraduationCap className="w-5 h-5 text-gray-500 mr-2 flex-shrink-0 mt-0.5" />
+          <LuBriefcase className="w-5 h-5 text-gray-500 mr-2 flex-shrink-0 mt-0.5" />
           <div className="text-sm text-gray-700 break-words flex-1">
             {data.major ? (
               data.major
@@ -67,6 +67,7 @@ const StudentTile: React.FC<StudentTileProps> = ({ data }) => {
         </div>
 
         <div className="mb-2 flex items-start">
+          <LuGraduationCap className="w-5 h-5 text-gray-500 mr-2 flex-shrink-0 mt-0.5" />
           <div className="text-sm text-gray-700 break-words flex-1">
             {data.classLevel ? (
               data.classLevel.charAt(0).toUpperCase() +
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"}
                     </p>
                   </div>
+                  <div className="mb-6">
+                    <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
+                      <div>
+                        <label className="block text-sm font-medium text-gray-500 mb-1">
+                          <div className="flex items-center gap-2">
+                            <LuShare2 size={16} />
+                            <span>Share Profile</span>
+                          </div>
+                        </label>
+                        <p className="text-gray-800">
+                          {user.shareProfile
+                            ? "Visible to students"
+                            : "Not shared with students"}
+                        </p>
+                      </div>
+                    </div>
+                  </div>
 
                   {/* School */}
                   <div>
@@ -554,6 +571,31 @@ const Profile = () => {
 
             {updatedUser.type === UserType.Student && isEditing && (
               <div className="mb-6">
+                <div className="mb-6">
+                    <div>
+                      <label className="block text-sm font-medium text-gray-500 mb-1">
+                        <div className="flex items-center gap-2">
+                          <LuShare2 size={16} />
+                          <span>Share Profile</span>
+                        </div>
+                      </label>
+                      <div className="flex items-center mt-2">
+                        <label className="inline-flex items-center">
+                          <input
+                            type="checkbox"
+                            checked={updatedUser.shareProfile}
+                            className="form-checkbox h-5 w-5 text-blue-600"
+                            onChange={(e) =>
+                              handleInputChange("shareProfile", e.target.checked)
+                            }
+                          />
+                          <span className="ml-2 text-gray-700">
+                            Make my profile visible to students
+                          </span>
+                        </label>
+                      </div>
+                    </div>
+                  </div>
                 <h2 className="text-xl font-semibold text-gray-800 mb-4">
                   Academic Information
                 </h2>
diff --git a/frontend/src/pages/Student.tsx b/frontend/src/pages/Student.tsx
index 59fcd9e..3c39c7a 100644
--- a/frontend/src/pages/Student.tsx
+++ b/frontend/src/pages/Student.tsx
@@ -4,7 +4,7 @@ import {
   FaArrowLeft,
   FaLinkedin
 } from "react-icons/fa";
-import { LuMail, LuWand, LuGraduationCap } from "react-icons/lu";
+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";
@@ -160,13 +160,13 @@ const StudentProfile: React.FC = () => {
               <div className="flex items-center justify-between px-4 pt-4">
                 {/* Back Button to Exit Profile */}
                 <button
-                  onClick={() => navigate("/connect")}
+                  onClick={() => navigate("/students")}
                   className="inline-flex items-center text-blue-700 hover:bg-blue-50 px-2 py-1 rounded-lg transition"
-                  aria-label="Back to Connect"
-                  title="Back to Connect"
+                  aria-label="Back to Student Directory"
+                  title="Back to Student Directory"
                 >
                   <FaArrowLeft className="mr-1" />
-                  <span className="hidden sm:inline">Back to Connect</span>
+                  <span className="hidden sm:inline">Back to Student Directory</span>
                 </button>
               </div>
               <div className="w-full items-center my-10">
@@ -293,6 +293,23 @@ const StudentProfile: React.FC = () => {
                                   : "Not specified"}
                               </p>
                             </div>
+                            <div className="mb-6">
+                              <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
+                                <div>
+                                  <label className="block text-sm font-medium text-gray-500 mb-1">
+                                    <div className="flex items-center gap-2">
+                                      <LuShare2 size={16} />
+                                      <span>Share Profile</span>
+                                    </div>
+                                  </label>
+                                  <p className="text-gray-800">
+                                    {student.shareProfile
+                                      ? "Visible to students"
+                                      : "Not shared with students"}
+                                  </p>
+                                </div>
+                              </div>
+                            </div>
 
                             {/* School */}
                             <div>
diff --git a/frontend/src/types/User.ts b/frontend/src/types/User.ts
index c1f037d..cf5ba7c 100644
--- a/frontend/src/types/User.ts
+++ b/frontend/src/types/User.ts
@@ -53,6 +53,7 @@ export interface BaseUser {
 export interface Student extends BaseUser {
   type: UserType.Student;
   major?: string;
+  shareProfile?: boolean;
   classLevel?: ClassLevel;
   school?: string;
   fieldOfInterest?: string[];