diff --git a/backend/package-lock.json b/backend/package-lock.json
index 1814cb4..52a708a 100644
--- a/backend/package-lock.json
+++ b/backend/package-lock.json
@@ -4797,7 +4797,6 @@
       "version": "5.3.0",
       "resolved": "https://registry.npmjs.org/gcp-metadata/-/gcp-metadata-5.3.0.tgz",
       "integrity": "sha512-FNTkdNEnBdlqF2oatizolQqNANMrcqJt6AAYt99B3y1aLLC8Hc5IOBb+ZnnzllodEEf6xMBp6wRcBbc16fa65w==",
-      "license": "Apache-2.0",
       "optional": true,
       "peer": true,
       "dependencies": {
diff --git a/backend/src/app.ts b/backend/src/app.ts
index e8d80d9..c9f2a1b 100644
--- a/backend/src/app.ts
+++ b/backend/src/app.ts
@@ -9,6 +9,8 @@ import { isHttpError } from "http-errors";
 import productRoutes from "src/routes/product";
 import userRoutes from "src/routes/user";
 import interestEmailRoute from "src/routes/interestEmail";
+import studentOrganizationRoutes from "src/routes/studentOrganization";
+import merchRoutes from "src/routes/merch";
 const app = express();
 
 // initializes Express to accept JSON in the request/response body
@@ -28,6 +30,8 @@ app.use(
 app.use("/api/products", productRoutes);
 app.use("/api/users", userRoutes);
 app.use("/api/interestEmail", interestEmailRoute);
+app.use("/api/student-organizations", studentOrganizationRoutes);
+app.use("/api/merch", merchRoutes);
 /**
  * Error handler; all errors thrown by server are handled here.
  * Explicit typings required here because TypeScript cannot infer the argument types.
diff --git a/backend/src/controllers/merch.ts b/backend/src/controllers/merch.ts
new file mode 100644
index 0000000..930093b
--- /dev/null
+++ b/backend/src/controllers/merch.ts
@@ -0,0 +1,252 @@
+import { Response } from "express";
+import MerchModel from "src/models/merch";
+import StudentOrganizationModel from "src/models/studentOrganization";
+import { AuthenticatedRequest } from "src/validators/authUserMiddleware";
+import mongoose from "mongoose";
+import { bucket } from "src/config/firebase";
+import { getStorage, ref, getDownloadURL } from "firebase/storage";
+import { v4 as uuidv4 } from "uuid";
+import { initializeApp } from "firebase/app";
+import { firebaseConfig } from "src/config/firebaseConfig";
+import multer from "multer";
+
+const upload = multer({
+  storage: multer.memoryStorage(),
+  limits: { fileSize: 5 * 1024 * 1024 }, // 5 MB limit
+}).single("image");
+
+/**
+ * Get all merch items
+ */
+export const getAllMerch = async (req: AuthenticatedRequest, res: Response) => {
+  try {
+    const merchItems = await MerchModel.find().populate("studentOrganizationId");
+    res.status(200).json(merchItems);
+  } catch (error) {
+    res.status(500).json({ message: "Error fetching merch items", error });
+  }
+};
+
+/**
+ * Get merch by ID
+ */
+export const getMerchById = async (req: AuthenticatedRequest, res: Response) => {
+  try {
+    const id = req.params.id;
+    if (!mongoose.Types.ObjectId.isValid(id)) {
+      return res.status(400).json({ message: "Invalid ID format" });
+    }
+    const merch = await MerchModel.findById(id).populate("studentOrganizationId");
+    if (!merch) {
+      return res.status(404).json({ message: "Merch item not found" });
+    }
+    res.status(200).json(merch);
+  } catch (error) {
+    res.status(500).json({ message: "Error getting merch item", error });
+  }
+};
+
+/**
+ * Get all merch items for a specific student organization
+ */
+export const getMerchByOrganization = async (req: AuthenticatedRequest, res: Response) => {
+  try {
+    const organizationId = req.params.organizationId;
+    if (!mongoose.Types.ObjectId.isValid(organizationId)) {
+      return res.status(400).json({ message: "Invalid organization ID format" });
+    }
+    const merchItems = await MerchModel.find({ studentOrganizationId: organizationId });
+    res.status(200).json(merchItems);
+  } catch (error) {
+    res.status(500).json({ message: "Error fetching merch items", error });
+  }
+};
+
+/**
+ * Get all merch items for the authenticated user's organization
+ */
+export const getMyOrganizationMerch = async (req: AuthenticatedRequest, res: Response) => {
+  try {
+    if (!req.user) return res.status(404).json({ message: "User not found" });
+
+    const firebaseUid = req.user.firebaseUid;
+    const organization = await StudentOrganizationModel.findOne({ firebaseUid });
+
+    if (!organization) {
+      return res.status(404).json({ message: "Student organization not found" });
+    }
+
+    const merchItems = await MerchModel.find({ studentOrganizationId: organization._id });
+    res.status(200).json(merchItems);
+  } catch (error) {
+    res.status(500).json({ message: "Error fetching merch items", error });
+  }
+};
+
+/**
+ * Add merch item to a student organization
+ */
+export const addMerch = [
+  upload,
+  async (req: AuthenticatedRequest, res: Response) => {
+    try {
+      const { name, price, description } = req.body;
+      if (!req.user) return res.status(404).json({ message: "User not found" });
+
+      const firebaseUid = req.user.firebaseUid;
+      const organization = await StudentOrganizationModel.findOne({ firebaseUid });
+
+      if (!organization) {
+        return res.status(404).json({ message: "Student organization not found" });
+      }
+
+      if (!name || !price) {
+        return res.status(400).json({ message: "Name and price are required." });
+      }
+
+      let imageUrl = "";
+      if (req.file) {
+        const app = initializeApp(firebaseConfig);
+        const storage = getStorage(app);
+        const fileName = `${uuidv4()}-${req.file.originalname}`;
+        const firebaseFile = bucket.file(fileName);
+
+        await firebaseFile.save(req.file.buffer, {
+          metadata: { contentType: req.file.mimetype },
+        });
+
+        imageUrl = await getDownloadURL(ref(storage, fileName));
+      }
+
+      const newMerch = new MerchModel({
+        name,
+        price: parseFloat(price),
+        description: description || "",
+        image: imageUrl,
+        studentOrganizationId: organization._id,
+        timeCreated: new Date(),
+        timeUpdated: new Date(),
+      });
+
+      const savedMerch = await newMerch.save();
+      res.status(201).json(savedMerch);
+    } catch (error) {
+      res.status(500).json({ message: "Error adding merch item", error });
+    }
+  },
+];
+
+/**
+ * Update merch item
+ */
+export const updateMerch = [
+  upload,
+  async (req: AuthenticatedRequest, res: Response) => {
+    try {
+      const id = req.params.id;
+      if (!req.user) return res.status(404).json({ message: "User not found" });
+      if (!mongoose.Types.ObjectId.isValid(id)) {
+        return res.status(400).json({ message: "Invalid ID format" });
+      }
+
+      const firebaseUid = req.user.firebaseUid;
+      const organization = await StudentOrganizationModel.findOne({ firebaseUid });
+
+      if (!organization) {
+        return res.status(404).json({ message: "Student organization not found" });
+      }
+
+      const merch = await MerchModel.findById(id);
+      if (!merch) {
+        return res.status(404).json({ message: "Merch item not found" });
+      }
+
+      // Verify the merch belongs to the user's organization
+      if (merch.studentOrganizationId.toString() !== organization._id.toString()) {
+        return res.status(403).json({ message: "You don't have permission to edit this merch item" });
+      }
+
+      const { name, price, description, existingImage } = req.body;
+
+      let imageUrl = existingImage || merch.image;
+      if (req.file) {
+        const app = initializeApp(firebaseConfig);
+        const storage = getStorage(app);
+        const fileName = `${uuidv4()}-${req.file.originalname}`;
+        const firebaseFile = bucket.file(fileName);
+
+        await firebaseFile.save(req.file.buffer, {
+          metadata: { contentType: req.file.mimetype },
+        });
+
+        imageUrl = await getDownloadURL(ref(storage, fileName));
+      }
+
+      const updatedMerch = await MerchModel.findByIdAndUpdate(
+        id,
+        {
+          name: name || merch.name,
+          price: price !== undefined ? parseFloat(price) : merch.price,
+          description: description !== undefined ? description : merch.description,
+          image: imageUrl,
+          timeUpdated: new Date(),
+        },
+        { new: true },
+      );
+
+      if (!updatedMerch) {
+        return res.status(404).json({ message: "Merch item not found" });
+      }
+
+      res.status(200).json({
+        message: "Merch item successfully updated",
+        merch: updatedMerch,
+      });
+    } catch (error) {
+      res.status(500).json({ message: "Error updating merch item", error });
+    }
+  },
+];
+
+/**
+ * Delete merch item
+ */
+export const deleteMerch = async (req: AuthenticatedRequest, res: Response) => {
+  try {
+    const id = req.params.id;
+    if (!req.user) return res.status(404).json({ message: "User not found" });
+    if (!mongoose.Types.ObjectId.isValid(id)) {
+      return res.status(400).json({ message: "Invalid ID format" });
+    }
+
+    const firebaseUid = req.user.firebaseUid;
+    const organization = await StudentOrganizationModel.findOne({ firebaseUid });
+
+    if (!organization) {
+      return res.status(404).json({ message: "Student organization not found" });
+    }
+
+    const merch = await MerchModel.findById(id);
+    if (!merch) {
+      return res.status(404).json({ message: "Merch item not found" });
+    }
+
+    // Verify the merch belongs to the user's organization
+    if (merch.studentOrganizationId.toString() !== organization._id.toString()) {
+      return res.status(403).json({ message: "You don't have permission to delete this merch item" });
+    }
+
+    const deletedMerch = await MerchModel.findByIdAndDelete(id);
+    if (!deletedMerch) {
+      return res.status(404).json({ message: "Merch item not found" });
+    }
+
+    res.status(200).json({
+      message: "Merch item successfully deleted",
+      merch: deletedMerch,
+    });
+  } catch (error) {
+    res.status(500).json({ message: "Error deleting merch item", error });
+  }
+};
+
diff --git a/backend/src/controllers/studentOrganizations.ts b/backend/src/controllers/studentOrganizations.ts
new file mode 100644
index 0000000..ff1ec2e
--- /dev/null
+++ b/backend/src/controllers/studentOrganizations.ts
@@ -0,0 +1,235 @@
+import { Response } from "express";
+import StudentOrganizationModel from "src/models/studentOrganization";
+import { AuthenticatedRequest } from "src/validators/authUserMiddleware";
+import mongoose from "mongoose";
+import { bucket } from "src/config/firebase";
+import { getStorage, ref, getDownloadURL } from "firebase/storage";
+import { v4 as uuidv4 } from "uuid";
+import { initializeApp } from "firebase/app";
+import { firebaseConfig } from "src/config/firebaseConfig";
+import multer from "multer";
+
+const upload = multer({
+  storage: multer.memoryStorage(),
+  limits: { fileSize: 5 * 1024 * 1024 }, // 5 MB limit
+}).single("profilePicture");
+
+/**
+ * Get all student organizations
+ */
+export const getStudentOrganizations = async (req: AuthenticatedRequest, res: Response) => {
+  try {
+    const organizations = await StudentOrganizationModel.find();
+    res.status(200).json(organizations);
+  } catch (error) {
+    res.status(500).json({ message: "Error fetching student organizations", error });
+  }
+};
+
+/**
+ * Get student organization by ID
+ */
+export const getStudentOrganizationById = async (req: AuthenticatedRequest, res: Response) => {
+  try {
+    const id = req.params.id;
+    if (!mongoose.Types.ObjectId.isValid(id)) {
+      return res.status(400).json({ message: "Invalid ID format" });
+    }
+    const organization = await StudentOrganizationModel.findById(id);
+    if (!organization) {
+      return res.status(404).json({ message: "Student organization not found" });
+    }
+    res.status(200).json(organization);
+  } catch (error) {
+    res.status(500).json({ message: "Error getting student organization", error });
+  }
+};
+
+/**
+ * Get student organization by Firebase UID
+ */
+export const getStudentOrganizationByFirebaseUid = async (
+  req: AuthenticatedRequest,
+  res: Response,
+) => {
+  try {
+    const firebaseUid = req.params.firebaseUid;
+    const organization = await StudentOrganizationModel.findOne({ firebaseUid });
+    if (!organization) {
+      return res.status(404).json({ message: "Student organization not found" });
+    }
+    res.status(200).json(organization);
+  } catch (error) {
+    res.status(500).json({ message: "Error getting student organization", error });
+  }
+};
+
+/**
+ * Create a new student organization profile
+ */
+export const createStudentOrganization = [
+  upload,
+  async (req: AuthenticatedRequest, res: Response) => {
+    try {
+      if (!req.user) return res.status(404).json({ message: "User not found" });
+
+      const { organizationName, bio, location, contactInfo, merchLocation } = req.body;
+      const firebaseUid = req.user.firebaseUid;
+
+      if (!organizationName) {
+        return res.status(400).json({ message: "Organization name is required." });
+      }
+
+      // Check if organization already exists for this user
+      const existingOrg = await StudentOrganizationModel.findOne({ firebaseUid });
+      if (existingOrg) {
+        return res.status(409).json({
+          message: "Student organization profile already exists for this user",
+          organization: existingOrg,
+        });
+      }
+
+      let profilePictureUrl = "";
+      if (req.file) {
+        const app = initializeApp(firebaseConfig);
+        const storage = getStorage(app);
+        const fileName = `${uuidv4()}-${req.file.originalname}`;
+        const firebaseFile = bucket.file(fileName);
+
+        await firebaseFile.save(req.file.buffer, {
+          metadata: { contentType: req.file.mimetype },
+        });
+
+        profilePictureUrl = await getDownloadURL(ref(storage, fileName));
+      }
+
+      // Parse contactInfo if it's a string
+      let parsedContactInfo = {
+        email: "",
+        instagram: "",
+        website: "",
+        other: "",
+      };
+      if (contactInfo) {
+        if (typeof contactInfo === "string") {
+          parsedContactInfo = JSON.parse(contactInfo);
+        } else {
+          parsedContactInfo = contactInfo;
+        }
+      }
+
+      const newOrganization = new StudentOrganizationModel({
+        organizationName,
+        profilePicture: profilePictureUrl,
+        bio: bio || "",
+        location: location || "",
+        contactInfo: parsedContactInfo,
+        merchLocation: merchLocation || "",
+        firebaseUid,
+        timeCreated: new Date(),
+        timeUpdated: new Date(),
+      });
+
+      const savedOrganization = await newOrganization.save();
+      res.status(201).json(savedOrganization);
+    } catch (error) {
+      res.status(500).json({ message: "Error creating student organization", error });
+    }
+  },
+];
+
+/**
+ * Update student organization profile
+ */
+export const updateStudentOrganization = [
+  upload,
+  async (req: AuthenticatedRequest, res: Response) => {
+    try {
+      if (!req.user) return res.status(404).json({ message: "User not found" });
+
+      const firebaseUid = req.user.firebaseUid;
+      const organization = await StudentOrganizationModel.findOne({ firebaseUid });
+
+      if (!organization) {
+        return res.status(404).json({ message: "Student organization not found" });
+      }
+
+      const { organizationName, bio, location, contactInfo, merchLocation, existingProfilePicture } =
+        req.body;
+
+      // Handle profile picture upload
+      let profilePictureUrl = existingProfilePicture || organization.profilePicture;
+      if (req.file) {
+        const app = initializeApp(firebaseConfig);
+        const storage = getStorage(app);
+        const fileName = `${uuidv4()}-${req.file.originalname}`;
+        const firebaseFile = bucket.file(fileName);
+
+        await firebaseFile.save(req.file.buffer, {
+          metadata: { contentType: req.file.mimetype },
+        });
+
+        profilePictureUrl = await getDownloadURL(ref(storage, fileName));
+      }
+
+      // Parse contactInfo if it's a string
+      let parsedContactInfo = organization.contactInfo;
+      if (contactInfo) {
+        if (typeof contactInfo === "string") {
+          parsedContactInfo = JSON.parse(contactInfo);
+        } else {
+          parsedContactInfo = contactInfo;
+        }
+      }
+
+      const updatedOrganization = await StudentOrganizationModel.findOneAndUpdate(
+        { firebaseUid },
+        {
+          organizationName: organizationName || organization.organizationName,
+          profilePicture: profilePictureUrl,
+          bio: bio !== undefined ? bio : organization.bio,
+          location: location !== undefined ? location : organization.location,
+          contactInfo: parsedContactInfo,
+          merchLocation: merchLocation !== undefined ? merchLocation : organization.merchLocation,
+          timeUpdated: new Date(),
+        },
+        { new: true },
+      );
+
+      if (!updatedOrganization) {
+        return res.status(404).json({ message: "Student organization not found" });
+      }
+
+      res.status(200).json({
+        message: "Student organization successfully updated",
+        organization: updatedOrganization,
+      });
+    } catch (error) {
+      res.status(500).json({ message: "Error updating student organization", error });
+    }
+  },
+];
+
+/**
+ * Delete student organization profile
+ */
+export const deleteStudentOrganization = async (req: AuthenticatedRequest, res: Response) => {
+  try {
+    if (!req.user) return res.status(404).json({ message: "User not found" });
+
+    const firebaseUid = req.user.firebaseUid;
+    const organization = await StudentOrganizationModel.findOneAndDelete({ firebaseUid });
+
+    if (!organization) {
+      return res.status(404).json({ message: "Student organization not found" });
+    }
+
+    res.status(200).json({
+      message: "Student organization successfully deleted",
+      organization,
+    });
+  } catch (error) {
+    res.status(500).json({ message: "Error deleting student organization", error });
+  }
+};
+
diff --git a/backend/src/models/merch.ts b/backend/src/models/merch.ts
new file mode 100644
index 0000000..d42c1ce
--- /dev/null
+++ b/backend/src/models/merch.ts
@@ -0,0 +1,40 @@
+import { HydratedDocument, InferSchemaType, Schema, model } from "mongoose";
+
+const merchSchema = new Schema({
+  name: {
+    type: String,
+    required: true,
+  },
+  price: {
+    type: Number,
+    required: true,
+  },
+  description: {
+    type: String,
+    default: "",
+  },
+  image: {
+    type: String,
+    default: "",
+  },
+  studentOrganizationId: {
+    type: Schema.Types.ObjectId,
+    ref: "StudentOrganization",
+    required: true,
+  },
+  timeCreated: {
+    type: Date,
+    required: true,
+    default: Date.now,
+  },
+  timeUpdated: {
+    type: Date,
+    required: true,
+    default: Date.now,
+  },
+});
+
+export type Merch = HydratedDocument<InferSchemaType<typeof merchSchema>>;
+
+export default model<Merch>("Merch", merchSchema);
+
diff --git a/backend/src/models/studentOrganization.ts b/backend/src/models/studentOrganization.ts
new file mode 100644
index 0000000..45cd6c0
--- /dev/null
+++ b/backend/src/models/studentOrganization.ts
@@ -0,0 +1,62 @@
+import { HydratedDocument, InferSchemaType, Schema, model } from "mongoose";
+
+const studentOrganizationSchema = new Schema({
+  organizationName: {
+    type: String,
+    required: true,
+  },
+  profilePicture: {
+    type: String,
+    default: "",
+  },
+  bio: {
+    type: String,
+    default: "",
+  },
+  location: {
+    type: String,
+    default: "",
+  },
+  contactInfo: {
+    email: {
+      type: String,
+      default: "",
+    },
+    instagram: {
+      type: String,
+      default: "",
+    },
+    website: {
+      type: String,
+      default: "",
+    },
+    other: {
+      type: String,
+      default: "",
+    },
+  },
+  merchLocation: {
+    type: String,
+    default: "",
+  },
+  firebaseUid: {
+    type: String,
+    required: true,
+    unique: true,
+  },
+  timeCreated: {
+    type: Date,
+    required: true,
+    default: Date.now,
+  },
+  timeUpdated: {
+    type: Date,
+    required: true,
+    default: Date.now,
+  },
+});
+
+export type StudentOrganization = HydratedDocument<InferSchemaType<typeof studentOrganizationSchema>>;
+
+export default model<StudentOrganization>("StudentOrganization", studentOrganizationSchema);
+
diff --git a/backend/src/routes/merch.ts b/backend/src/routes/merch.ts
new file mode 100644
index 0000000..6e6d6e4
--- /dev/null
+++ b/backend/src/routes/merch.ts
@@ -0,0 +1,24 @@
+import express from "express";
+import {
+  getAllMerch,
+  getMerchById,
+  getMerchByOrganization,
+  getMyOrganizationMerch,
+  addMerch,
+  updateMerch,
+  deleteMerch,
+} from "src/controllers/merch";
+import { authenticateUser } from "src/validators/authUserMiddleware";
+
+const router = express.Router();
+
+router.get("/", authenticateUser, getAllMerch);
+router.get("/my-organization", authenticateUser, getMyOrganizationMerch);
+router.get("/organization/:organizationId", authenticateUser, getMerchByOrganization);
+router.get("/:id", authenticateUser, getMerchById);
+router.post("/", authenticateUser, addMerch);
+router.patch("/:id", authenticateUser, updateMerch);
+router.delete("/:id", authenticateUser, deleteMerch);
+
+export default router;
+
diff --git a/backend/src/routes/studentOrganization.ts b/backend/src/routes/studentOrganization.ts
new file mode 100644
index 0000000..60ab4e2
--- /dev/null
+++ b/backend/src/routes/studentOrganization.ts
@@ -0,0 +1,22 @@
+import express from "express";
+import {
+  getStudentOrganizations,
+  getStudentOrganizationById,
+  getStudentOrganizationByFirebaseUid,
+  createStudentOrganization,
+  updateStudentOrganization,
+  deleteStudentOrganization,
+} from "src/controllers/studentOrganizations";
+import { authenticateUser } from "src/validators/authUserMiddleware";
+
+const router = express.Router();
+
+router.get("/", authenticateUser, getStudentOrganizations);
+router.get("/:id", authenticateUser, getStudentOrganizationById);
+router.get("/firebase/:firebaseUid", authenticateUser, getStudentOrganizationByFirebaseUid);
+router.post("/", authenticateUser, createStudentOrganization);
+router.patch("/", authenticateUser, updateStudentOrganization);
+router.delete("/", authenticateUser, deleteStudentOrganization);
+
+export default router;
+
diff --git a/frontend/.env.development b/frontend/.env.development
index 3cd2602..375ff15 100644
--- a/frontend/.env.development
+++ b/frontend/.env.development
@@ -1,3 +1,3 @@
 # Don't stop the React webpack build if there are lint errors.
 ESLINT_NO_DEV_ERRORS=true
-VITE_API_BASE_URL=http://localhost:5000
+VITE_API_BASE_URL=http://localhost:5001
diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
index 2a21084..4ff198b 100644
--- a/frontend/src/App.tsx
+++ b/frontend/src/App.tsx
@@ -12,6 +12,8 @@ import { IndividualProductPage } from "../src/pages/Individual-product-page";
 import { PageNotFound } from "../src/pages/PageNotFound";
 import FirebaseProvider from "../src/utils/FirebaseProvider";
 import { SavedProducts } from "./pages/SavedProducts";
+import { StudentOrgProfile } from "./pages/StudentOrgProfile";
+import { StudentOrganizations } from "./pages/StudentOrganizations";
 
 const router = createBrowserRouter([
   {
@@ -58,6 +60,22 @@ const router = createBrowserRouter([
       </PrivateRoute>
     ),
   },
+  {
+    path: "/student-org-profile",
+    element: (
+      <PrivateRoute>
+        <StudentOrgProfile />
+      </PrivateRoute>
+    ),
+  },
+  {
+    path: "/student-organizations",
+    element: (
+      <PrivateRoute>
+        <StudentOrganizations />
+      </PrivateRoute>
+    ),
+  },
   {
     path: "*",
     element: <PageNotFound />,
diff --git a/frontend/src/api/requests.ts b/frontend/src/api/requests.ts
index befaa9c..0475c11 100644
--- a/frontend/src/api/requests.ts
+++ b/frontend/src/api/requests.ts
@@ -19,6 +19,7 @@ type Method = "GET" | "POST" | "PUT" | "DELETE" | "PATCH";
  * in Vite projects.
  */
 const API_BASE_URL = import.meta.env.VITE_API_BASE_URL;
+console.log("API_BASE_URL:", API_BASE_URL);
 
 /**
  * A wrapper around the built-in `fetch()` function that abstracts away some of
diff --git a/frontend/src/components/Navbar.tsx b/frontend/src/components/Navbar.tsx
index b35b3c6..abdd1e6 100644
--- a/frontend/src/components/Navbar.tsx
+++ b/frontend/src/components/Navbar.tsx
@@ -1,4 +1,4 @@
-import { faBars, faCartShopping, faUser, faXmark, faHeart } from "@fortawesome/free-solid-svg-icons";
+import { faBars, faCartShopping, faUser, faXmark, faHeart, faUsers, faStore, faChevronDown } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { useContext, useEffect, useRef, useState } from "react";
 import { FirebaseContext } from "src/utils/FirebaseProvider";
@@ -6,8 +6,10 @@ import { FirebaseContext } from "src/utils/FirebaseProvider";
 export function Navbar() {
   const { user, signOutFromFirebase, openGoogleAuthentication } = useContext(FirebaseContext);
   const [isMobileMenuOpen, setMobileMenuOpen] = useState(false);
+  const [isStudentOrgDropdownOpen, setStudentOrgDropdownOpen] = useState(false);
   const menuRef = useRef<HTMLUListElement>(null);
   const buttonRef = useRef<HTMLButtonElement>(null);
+  const dropdownRef = useRef<HTMLDivElement>(null);
 
   const toggleMobileMenu = () => {
     setMobileMenuOpen(!isMobileMenuOpen);
@@ -23,6 +25,12 @@ export function Navbar() {
       ) {
         setMobileMenuOpen(false);
       }
+      if (
+        dropdownRef.current &&
+        !dropdownRef.current.contains(event.target as Node)
+      ) {
+        setStudentOrgDropdownOpen(false);
+      }
     };
 
     const handleResize = () => {
@@ -79,6 +87,57 @@ export function Navbar() {
               Saved
             </button>
           </li>
+          <li className="relative" ref={dropdownRef}>
+            <button
+              hidden={user === null}
+              onClick={() => setStudentOrgDropdownOpen(!isStudentOrgDropdownOpen)}
+              className="font-inter px-4 py-1 bg-transparent border-transparent rounded hover:bg-ucsd-darkblue transition-colors flex items-center"
+            >
+              <FontAwesomeIcon
+                className="text-lg pr-2"
+                icon={faUsers}
+                aria-label="Student Organizations"
+              />
+              Student Organizations
+              <FontAwesomeIcon
+                className="text-sm pl-2"
+                icon={faChevronDown}
+                aria-label="Dropdown"
+              />
+            </button>
+            {isStudentOrgDropdownOpen && (
+              <div className="absolute top-full left-0 mt-1 bg-ucsd-blue text-white rounded-lg shadow-lg min-w-[200px] z-50">
+                <button
+                  onClick={() => {
+                    window.location.href = "/student-org-profile";
+                    setStudentOrgDropdownOpen(false);
+                  }}
+                  className="font-inter w-full text-left px-4 py-2 bg-transparent border-transparent rounded hover:bg-ucsd-darkblue transition-colors flex items-center"
+                >
+                  <FontAwesomeIcon
+                    className="text-lg pr-2"
+                    icon={faUsers}
+                    aria-label="My Organization"
+                  />
+                  My Organization
+                </button>
+                <button
+                  onClick={() => {
+                    window.location.href = "/student-organizations";
+                    setStudentOrgDropdownOpen(false);
+                  }}
+                  className="font-inter w-full text-left px-4 py-2 bg-transparent border-transparent rounded hover:bg-ucsd-darkblue transition-colors flex items-center"
+                >
+                  <FontAwesomeIcon
+                    className="text-lg pr-2"
+                    icon={faStore}
+                    aria-label="Browse Organizations"
+                  />
+                  Browse Organizations
+                </button>
+              </div>
+            )}
+          </li>
           <li>
             {user ? (
               <button
@@ -129,6 +188,75 @@ export function Navbar() {
                 Products
               </button>
             </li>
+            <li className="mb-2">
+              <button
+                hidden={user === null}
+                onClick={() => (window.location.href = "/saved-products")}
+                className="font-inter w-full text-center px-4 py-2 bg-transparent border-transparent rounded hover:bg-ucsd-darkblue transition-colors"
+              >
+                <FontAwesomeIcon
+                  className="text-lg pr-2"
+                  icon={faHeart}
+                  aria-label="Heart Icon"
+                />
+                Saved
+              </button>
+            </li>
+            <li className="mb-2">
+              <div className="relative">
+                <button
+                  hidden={user === null}
+                  onClick={() => setStudentOrgDropdownOpen(!isStudentOrgDropdownOpen)}
+                  className="font-inter w-full text-center px-4 py-2 bg-transparent border-transparent rounded hover:bg-ucsd-darkblue transition-colors flex items-center justify-center"
+                >
+                  <FontAwesomeIcon
+                    className="text-lg pr-2"
+                    icon={faUsers}
+                    aria-label="Student Organizations"
+                  />
+                  Student Organizations
+                  <FontAwesomeIcon
+                    className="text-sm pl-2"
+                    icon={faChevronDown}
+                    aria-label="Dropdown"
+                  />
+                </button>
+                {isStudentOrgDropdownOpen && (
+                  <div className="absolute top-full left-0 mt-1 w-full bg-ucsd-blue text-white rounded-lg shadow-lg z-50">
+                    <button
+                      onClick={() => {
+                        window.location.href = "/student-org-profile";
+                        setStudentOrgDropdownOpen(false);
+                        setMobileMenuOpen(false);
+                      }}
+                      className="font-inter w-full text-center px-4 py-2 bg-transparent border-transparent rounded hover:bg-ucsd-darkblue transition-colors flex items-center justify-center"
+                    >
+                      <FontAwesomeIcon
+                        className="text-lg pr-2"
+                        icon={faUsers}
+                        aria-label="My Organization"
+                      />
+                      My Organization
+                    </button>
+                    <button
+                      onClick={() => {
+                        window.location.href = "/student-organizations";
+                        setStudentOrgDropdownOpen(false);
+                        setMobileMenuOpen(false);
+                      }}
+                      className="font-inter w-full text-center px-4 py-2 bg-transparent border-transparent rounded hover:bg-ucsd-darkblue transition-colors flex items-center justify-center"
+                    >
+                      <FontAwesomeIcon
+                        className="text-lg pr-2"
+                        icon={faStore}
+                        aria-label="Browse Organizations"
+                      />
+                      Browse Organizations
+                    </button>
+                  </div>
+                )}
+              </div>
+            </li>
             <li>
               {user ? (
                 <button
diff --git a/frontend/src/pages/StudentOrgProfile.tsx b/frontend/src/pages/StudentOrgProfile.tsx
new file mode 100644
index 0000000..a26d8e3
--- /dev/null
+++ b/frontend/src/pages/StudentOrgProfile.tsx
@@ -0,0 +1,902 @@
+import { FormEvent, useContext, useEffect, useRef, useState } from "react";
+import { Helmet } from "react-helmet-async";
+import { get, post, patch, DELETE } from "src/api/requests";
+import { FirebaseContext } from "src/utils/FirebaseProvider";
+import { faStar } from "@fortawesome/free-regular-svg-icons";
+import { faStar as faStarSolid } from "@fortawesome/free-solid-svg-icons";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+
+interface StudentOrganization {
+  _id: string;
+  organizationName: string;
+  profilePicture: string;
+  bio: string;
+  location: string;
+  contactInfo: {
+    email: string;
+    instagram: string;
+    website: string;
+    other: string;
+  };
+  merchLocation: string;
+  firebaseUid: string;
+}
+
+interface MerchItem {
+  _id: string;
+  name: string;
+  price: number;
+  description: string;
+  image: string;
+  studentOrganizationId: string;
+}
+
+
+export function StudentOrgProfile() {
+  const MAX_FILE_SIZE = 5 * 1024 * 1024; // 5 MB limit
+
+  const { user } = useContext(FirebaseContext);
+  const [organization, setOrganization] = useState<StudentOrganization | null>(null);
+  const [isEditing, setIsEditing] = useState(false);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState<string>("");
+  const [fileError, setFileError] = useState<string | null>(null);
+  const [isSubmitting, setIsSubmitting] = useState(false);
+
+  const organizationNameRef = useRef<HTMLInputElement>(null);
+  const bioRef = useRef<HTMLTextAreaElement>(null);
+  const locationRef = useRef<HTMLInputElement>(null);
+  const emailRef = useRef<HTMLInputElement>(null);
+  const instagramRef = useRef<HTMLInputElement>(null);
+  const websiteRef = useRef<HTMLInputElement>(null);
+  const otherContactRef = useRef<HTMLInputElement>(null);
+  const merchLocationRef = useRef<HTMLInputElement>(null);
+  const profilePictureRef = useRef<HTMLInputElement>(null);
+
+  const [profilePicturePreview, setProfilePicturePreview] = useState<string>("");
+  const [newProfilePicture, setNewProfilePicture] = useState<File | null>(null);
+
+  // Merch management state
+  const [merchItems, setMerchItems] = useState<MerchItem[]>([]);
+  const [isAddingMerch, setIsAddingMerch] = useState(false);
+  const [editingMerchId, setEditingMerchId] = useState<string | null>(null);
+  const [merchError, setMerchError] = useState<string>("");
+  const [showEditModal, setShowEditModal] = useState(false);
+
+  const merchNameRef = useRef<HTMLInputElement>(null);
+  const merchPriceRef = useRef<HTMLInputElement>(null);
+  const merchDescriptionRef = useRef<HTMLTextAreaElement>(null);
+  const merchImageRef = useRef<HTMLInputElement>(null);
+  const [merchImagePreview, setMerchImagePreview] = useState<string>("");
+  const [newMerchImage, setNewMerchImage] = useState<File | null>(null);
+
+  useEffect(() => {
+    const fetchOrganization = async () => {
+      if (!user?.uid) {
+        setLoading(false);
+        return;
+      }
+
+      try {
+        setLoading(true);
+        const res = await get(`/api/student-organizations/firebase/${user.uid}`);
+        if (res.ok) {
+          const data = await res.json();
+          setOrganization(data);
+          setProfilePicturePreview(data.profilePicture || "");
+        } else if (res.status === 404) {
+          // Organization doesn't exist yet, that's okay
+          setOrganization(null);
+        } else {
+          setError("Failed to load organization profile");
+        }
+      } catch (err) {
+        // Organization doesn't exist, that's okay
+        setOrganization(null);
+      } finally {
+        setLoading(false);
+      }
+    };
+
+    fetchOrganization();
+  }, [user]);
+
+  useEffect(() => {
+    const fetchMerch = async () => {
+      if (!organization) {
+        setMerchItems([]);
+        return;
+      }
+
+      try {
+        const res = await get("/api/merch/my-organization");
+        if (res.ok) {
+          const data = await res.json();
+          setMerchItems(data);
+        }
+      } catch (err) {
+        console.error("Failed to fetch merch items:", err);
+      }
+    };
+
+    fetchMerch();
+  }, [organization]);
+
+  const handleProfilePictureChange = (e: React.ChangeEvent<HTMLInputElement>) => {
+    if (!e.target.files || !e.target.files[0]) return;
+
+    const file = e.target.files[0];
+    if (file.size > MAX_FILE_SIZE) {
+      setFileError("File size must be less than 5 MB");
+      return;
+    }
+
+    setFileError(null);
+    setNewProfilePicture(file);
+    setProfilePicturePreview(URL.createObjectURL(file));
+  };
+
+  const handleCreate = async (e: FormEvent) => {
+    e.preventDefault();
+    if (isSubmitting) return;
+    setIsSubmitting(true);
+    setError("");
+
+    try {
+      if (!organizationNameRef.current?.value || !user?.uid) {
+        setError("Organization name is required");
+        setIsSubmitting(false);
+        return;
+      }
+
+      const body = new FormData();
+      body.append("organizationName", organizationNameRef.current.value);
+      body.append("bio", bioRef.current?.value || "");
+      body.append("location", locationRef.current?.value || "");
+
+      const contactInfo = {
+        email: emailRef.current?.value || "",
+        instagram: instagramRef.current?.value || "",
+        website: websiteRef.current?.value || "",
+        other: otherContactRef.current?.value || "",
+      };
+      body.append("contactInfo", JSON.stringify(contactInfo));
+      body.append("merchLocation", merchLocationRef.current?.value || "");
+
+      if (newProfilePicture) {
+        body.append("profilePicture", newProfilePicture);
+      }
+
+      const res = await post("/api/student-organizations", body);
+      if (res.ok) {
+        const data = await res.json();
+        setOrganization(data);
+        setIsEditing(false);
+        setError("");
+      } else {
+        const errorData = await res.json();
+        setError(errorData.message || "Failed to create organization profile");
+      }
+    } catch (err) {
+      setError("Failed to create organization profile. Please try again.");
+    } finally {
+      setIsSubmitting(false);
+    }
+  };
+
+  const handleUpdate = async (e: FormEvent) => {
+    e.preventDefault();
+    if (isSubmitting) return;
+    setIsSubmitting(true);
+    setError("");
+
+    try {
+      if (!organizationNameRef.current?.value || !user?.uid) {
+        setError("Organization name is required");
+        setIsSubmitting(false);
+        return;
+      }
+
+      const body = new FormData();
+      body.append("organizationName", organizationNameRef.current.value);
+      body.append("bio", bioRef.current?.value || "");
+      body.append("location", locationRef.current?.value || "");
+
+      const contactInfo = {
+        email: emailRef.current?.value || "",
+        instagram: instagramRef.current?.value || "",
+        website: websiteRef.current?.value || "",
+        other: otherContactRef.current?.value || "",
+      };
+      body.append("contactInfo", JSON.stringify(contactInfo));
+      body.append("merchLocation", merchLocationRef.current?.value || "");
+
+      if (newProfilePicture) {
+        body.append("profilePicture", newProfilePicture);
+      } else if (organization?.profilePicture) {
+        body.append("existingProfilePicture", organization.profilePicture);
+      }
+
+      const res = await patch("/api/student-organizations", body);
+      if (res.ok) {
+        const data = await res.json();
+        setOrganization(data.organization);
+        setIsEditing(false);
+        setError("");
+        setNewProfilePicture(null);
+      } else {
+        const errorData = await res.json();
+        setError(errorData.message || "Failed to update organization profile");
+      }
+    } catch (err) {
+      setError("Failed to update organization profile. Please try again.");
+    } finally {
+      setIsSubmitting(false);
+    }
+  };
+
+  const handleEdit = () => {
+    setIsEditing(true);
+    setNewProfilePicture(null);
+    setProfilePicturePreview(organization?.profilePicture || "");
+  };
+
+  const handleCancel = () => {
+    setIsEditing(false);
+    setNewProfilePicture(null);
+    setProfilePicturePreview(organization?.profilePicture || "");
+    setFileError(null);
+  };
+
+  // Merch management functions
+  const handleMerchImageChange = (e: React.ChangeEvent<HTMLInputElement>) => {
+    if (!e.target.files || !e.target.files[0]) return;
+
+    const file = e.target.files[0];
+    if (file.size > MAX_FILE_SIZE) {
+      setMerchError("File size must be less than 5 MB");
+      return;
+    }
+
+    setMerchError("");
+    setNewMerchImage(file);
+    setMerchImagePreview(URL.createObjectURL(file));
+  };
+
+  const handleAddMerch = async (e: FormEvent) => {
+    e.preventDefault();
+    setMerchError("");
+
+    try {
+      if (!merchNameRef.current?.value || !merchPriceRef.current?.value) {
+        setMerchError("Name and price are required");
+        return;
+      }
+
+      const body = new FormData();
+      body.append("name", merchNameRef.current.value);
+      body.append("price", merchPriceRef.current.value);
+      body.append("description", merchDescriptionRef.current?.value || "");
+
+      if (newMerchImage) {
+        body.append("image", newMerchImage);
+      }
+
+      const res = await post("/api/merch", body);
+      if (res.ok) {
+        const data = await res.json();
+        setMerchItems([...merchItems, data]);
+        setIsAddingMerch(false);
+        setNewMerchImage(null);
+        setMerchImagePreview("");
+        if (merchNameRef.current) merchNameRef.current.value = "";
+        if (merchPriceRef.current) merchPriceRef.current.value = "";
+        if (merchDescriptionRef.current) merchDescriptionRef.current.value = "";
+        if (merchImageRef.current) merchImageRef.current.value = "";
+      } else {
+        const errorData = await res.json();
+        setMerchError(errorData.message || "Failed to add merch item");
+      }
+    } catch (err) {
+      setMerchError("Failed to add merch item. Please try again.");
+    }
+  };
+
+  const handleUpdateMerch = async (e: FormEvent, merchId: string) => {
+    e.preventDefault();
+    setMerchError("");
+
+    try {
+      const merch = merchItems.find((m) => m._id === merchId);
+      if (!merch) return;
+
+      const body = new FormData();
+      body.append("name", merchNameRef.current?.value || merch.name);
+      body.append("price", merchPriceRef.current?.value || merch.price.toString());
+      body.append("description", merchDescriptionRef.current?.value || merch.description);
+
+      if (newMerchImage) {
+        body.append("image", newMerchImage);
+      } else {
+        body.append("existingImage", merch.image);
+      }
+
+      const res = await patch(`/api/merch/${merchId}`, body);
+      if (res.ok) {
+        const data = await res.json();
+        setMerchItems(merchItems.map((m) => (m._id === merchId ? data.merch : m)));
+        setEditingMerchId(null);
+        setNewMerchImage(null);
+        setMerchImagePreview("");
+      } else {
+        const errorData = await res.json();
+        setMerchError(errorData.message || "Failed to update merch item");
+      }
+    } catch (err) {
+      setMerchError("Failed to update merch item. Please try again.");
+    }
+  };
+
+  const handleDeleteMerch = async (merchId: string) => {
+    if (!confirm("Are you sure you want to delete this merch item?")) return;
+
+    try {
+      const res = await DELETE(`/api/merch/${merchId}`);
+      if (res.ok) {
+        setMerchItems(merchItems.filter((m) => m._id !== merchId));
+      } else {
+        setMerchError("Failed to delete merch item");
+      }
+    } catch (err) {
+      setMerchError("Failed to delete merch item. Please try again.");
+    }
+  };
+
+  const startEditingMerch = (merch: MerchItem) => {
+    setEditingMerchId(merch._id);
+    setNewMerchImage(null);
+    setMerchImagePreview(merch.image);
+    if (merchNameRef.current) merchNameRef.current.value = merch.name;
+    if (merchPriceRef.current) merchPriceRef.current.value = merch.price.toString();
+    if (merchDescriptionRef.current) merchDescriptionRef.current.value = merch.description;
+  };
+
+  const cancelMerchEdit = () => {
+    setEditingMerchId(null);
+    setIsAddingMerch(false);
+    setNewMerchImage(null);
+    setMerchImagePreview("");
+    setMerchError("");
+  };
+
+  // Star Rating Component
+  const StarRating = ({ rating = 0 }: { rating?: number }) => {
+    return (
+      <div className="flex items-center gap-1">
+        {[1, 2, 3, 4, 5].map((star) => (
+          <FontAwesomeIcon
+            key={star}
+            icon={star <= rating ? faStarSolid : faStar}
+            className={star <= rating ? "text-yellow-400" : "text-gray-300"}
+            size="sm"
+          />
+        ))}
+        <span className="ml-1 text-gray-600 font-inter">({rating})</span>
+      </div>
+    );
+  };
+
+  if (loading) {
+    return (
+      <>
+        <Helmet>
+          <title>Student Organization Profile - Low-Price Center</title>
+        </Helmet>
+        <div className="w-full mt-12 mb-6">
+          <p className="text-center font-inter">Loading...</p>
+        </div>
+      </>
+    );
+  }
+
+  const isCreating = !organization;
+
+  // Render create/edit form in modal
+  if (isCreating || isEditing || showEditModal) {
+    return (
+      <>
+        <Helmet>
+          <title>
+            {isCreating ? "Create" : "Edit"} - Student Organization Profile
+          </title>
+        </Helmet>
+        <div className="w-full mt-12 mb-20">
+          <div className="max-w-2xl mx-auto p-4">
+            <h1 className="text-3xl text-center font-jetbrains font-medium mb-6">
+              {isCreating ? "Create Student Organization Profile" : "Edit Profile"}
+            </h1>
+
+            <form
+              onSubmit={isCreating ? handleCreate : handleUpdate}
+              className="bg-white rounded-lg shadow-md p-6"
+            >
+              {/* Profile Picture */}
+              <div className="mb-6">
+                <label className="block mb-2 font-medium font-inter text-black">
+                  Profile Picture
+                </label>
+                <div className="flex items-center gap-4">
+                  {profilePicturePreview && (
+                    <img
+                      src={profilePicturePreview}
+                      alt="Profile preview"
+                      className="w-32 h-32 object-cover rounded-full border-2 border-gray-300"
+                    />
+                  )}
+                  <div className="flex-1">
+                    <input
+                      type="file"
+                      accept="image/png, image/jpeg"
+                      onChange={handleProfilePictureChange}
+                      ref={profilePictureRef}
+                      className="border border-gray-300 text-black text-sm rounded-md w-full p-2.5"
+                    />
+                    {fileError && <p className="text-sm text-red-600 mt-1">{fileError}</p>}
+                  </div>
+                </div>
+              </div>
+
+              {/* Organization Name */}
+              <div className="mb-5">
+                <label htmlFor="organizationName" className="block mb-2 font-medium font-inter text-black">
+                  Organization Name *
+                </label>
+                <input
+                  id="organizationName"
+                  type="text"
+                  ref={organizationNameRef}
+                  defaultValue={organization?.organizationName || ""}
+                  className="border border-gray-300 text-black text-sm rounded-md w-full p-2.5"
+                  placeholder="Organization Name"
+                  required
+                />
+              </div>
+
+              {/* Bio */}
+              <div className="mb-5">
+                <label htmlFor="bio" className="block mb-2 font-medium font-inter text-black">
+                  Bio
+                </label>
+                <textarea
+                  id="bio"
+                  rows={5}
+                  ref={bioRef}
+                  defaultValue={organization?.bio || ""}
+                  className="border border-gray-300 text-black text-sm rounded-md w-full p-2.5"
+                  placeholder="Tell us about your organization..."
+                />
+              </div>
+
+              {/* Location */}
+              <div className="mb-5">
+                <label htmlFor="location" className="block mb-2 font-medium font-inter text-black">
+                  Location
+                </label>
+                <input
+                  id="location"
+                  type="text"
+                  ref={locationRef}
+                  defaultValue={organization?.location || ""}
+                  className="border border-gray-300 text-black text-sm rounded-md w-full p-2.5"
+                  placeholder="e.g., UCSD Campus"
+                />
+              </div>
+
+              {/* Contact Information */}
+              <div className="mb-5">
+                <label className="block mb-2 font-medium font-inter text-black">Contact Information</label>
+                <div className="space-y-3">
+                  <input
+                    type="email"
+                    ref={emailRef}
+                    defaultValue={organization?.contactInfo?.email || ""}
+                    className="border border-gray-300 text-black text-sm rounded-md w-full p-2.5"
+                    placeholder="Email"
+                  />
+                  <input
+                    type="text"
+                    ref={instagramRef}
+                    defaultValue={organization?.contactInfo?.instagram || ""}
+                    className="border border-gray-300 text-black text-sm rounded-md w-full p-2.5"
+                    placeholder="Instagram handle"
+                  />
+                  <input
+                    type="url"
+                    ref={websiteRef}
+                    defaultValue={organization?.contactInfo?.website || ""}
+                    className="border border-gray-300 text-black text-sm rounded-md w-full p-2.5"
+                    placeholder="Website URL"
+                  />
+                  <input
+                    type="text"
+                    ref={otherContactRef}
+                    defaultValue={organization?.contactInfo?.other || ""}
+                    className="border border-gray-300 text-black text-sm rounded-md w-full p-2.5"
+                    placeholder="Other contact information"
+                  />
+                </div>
+              </div>
+
+              {/* Merch Location */}
+              <div className="mb-5">
+                <label htmlFor="merchLocation" className="block mb-2 font-medium font-inter text-black">
+                  Merch Location
+                </label>
+                <input
+                  id="merchLocation"
+                  type="text"
+                  ref={merchLocationRef}
+                  defaultValue={organization?.merchLocation || ""}
+                  className="border border-gray-300 text-black text-sm rounded-md w-full p-2.5"
+                  placeholder="e.g., Library Walk, Price Center"
+                />
+                <p className="text-xs text-gray-500 mt-1">
+                  Where can students find your merch? (e.g., Library Walk, Price Center)
+                </p>
+              </div>
+
+              {/* Action Buttons */}
+              <div className="flex justify-between gap-3 mt-6">
+                {!isCreating && (
+                  <button
+                    type="button"
+                    onClick={() => {
+                      setIsEditing(false);
+                      setShowEditModal(false);
+                      handleCancel();
+                    }}
+                    className="bg-gray-500 text-white font-semibold font-inter py-2 px-4 shadow-lg hover:brightness-90 transition-all"
+                  >
+                    Cancel
+                  </button>
+                )}
+                <button
+                  type="submit"
+                  disabled={isSubmitting}
+                  className="bg-[#00629B] text-white font-semibold font-inter py-2 px-4 shadow-lg hover:brightness-90 transition-all ml-auto"
+                >
+                  {isSubmitting ? "Saving..." : isCreating ? "Create Profile" : "Save Changes"}
+                </button>
+              </div>
+
+              {error && <p className="text-sm text-red-600 text-center mt-4">{error}</p>}
+            </form>
+          </div>
+        </div>
+      </>
+    );
+  }
+
+  // Main profile view
+  return (
+    <>
+      <Helmet>
+        <title>{organization?.organizationName || "Student Organization"} - Low-Price Center</title>
+      </Helmet>
+      <div className="w-full mt-12 mb-20">
+        <div className="max-w-6xl mx-auto px-4">
+          {/* Profile Header Section */}
+          <div className="bg-white rounded-lg shadow-md p-6 mb-6">
+            <div className="flex items-start gap-6 mb-4">
+              {/* Profile Picture */}
+              <div className="flex-shrink-0">
+                {organization?.profilePicture ? (
+                  <img
+                    src={organization.profilePicture}
+                    alt={organization.organizationName}
+                    className="w-24 h-24 object-cover rounded-full border-2 border-gray-300"
+                  />
+                ) : (
+                  <div className="w-24 h-24 rounded-full bg-gray-200 border-2 border-gray-300 flex items-center justify-center">
+                    <span className="text-gray-400 text-2xl font-inter">?</span>
+                  </div>
+                )}
+              </div>
+
+              {/* Organization Name and Rating */}
+              <div className="flex-1">
+                <h1 className="text-3xl font-bold font-inter mb-2">
+                  {organization?.organizationName || "Organization Name"}
+                </h1>
+                <StarRating rating={0} />
+              </div>
+
+              {/* Edit Button */}
+              <button
+                onClick={() => {
+                  setIsEditing(true);
+                  setShowEditModal(true);
+                }}
+                className="bg-[#00629B] text-white font-semibold font-inter py-2 px-4 shadow-lg hover:brightness-90 transition-all"
+              >
+                Edit Profile
+              </button>
+            </div>
+
+          </div>
+
+          {/* Content Section - Products */}
+          <div className="bg-white rounded-lg shadow-md p-6">
+            <h2 className="text-2xl font-jetbrains font-medium mb-6">Products</h2>
+            <div className="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-4">
+                  {/* Product Cards */}
+                  {merchItems.map((merch) => (
+                    <div
+                      key={merch._id}
+                      className="border border-gray-200 rounded-lg overflow-hidden hover:shadow-lg transition-shadow relative group"
+                    >
+                      <div className="aspect-square bg-gray-200 overflow-hidden">
+                        {merch.image ? (
+                          <img
+                            src={merch.image}
+                            alt={merch.name}
+                            className="w-full h-full object-cover"
+                          />
+                        ) : (
+                          <div className="w-full h-full flex items-center justify-center bg-gray-100">
+                            <span className="text-gray-400">No Image</span>
+                          </div>
+                        )}
+                      </div>
+                      <div className="p-3">
+                        <p className="font-inter font-semibold text-base mb-1 truncate">{merch.name}</p>
+                        <p className="font-inter font-bold text-[#00629B] text-lg">
+                          ${merch.price.toFixed(2)}
+                        </p>
+                      </div>
+                      {/* Edit/Delete buttons on hover */}
+                      <div className="absolute top-2 right-2 opacity-0 group-hover:opacity-100 transition-opacity flex gap-2">
+                        <button
+                          onClick={() => startEditingMerch(merch)}
+                          className="bg-[#00629B] text-white p-2 rounded-full shadow-lg hover:brightness-90 transition-all"
+                          title="Edit"
+                        >
+                          <svg
+                            className="w-4 h-4"
+                            fill="none"
+                            stroke="currentColor"
+                            viewBox="0 0 24 24"
+                          >
+                            <path
+                              strokeLinecap="round"
+                              strokeLinejoin="round"
+                              strokeWidth={2}
+                              d="M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z"
+                            />
+                          </svg>
+                        </button>
+                        <button
+                          onClick={() => handleDeleteMerch(merch._id)}
+                          className="bg-red-600 text-white p-2 rounded-full shadow-lg hover:brightness-90 transition-all"
+                          title="Delete"
+                        >
+                          <svg
+                            className="w-4 h-4"
+                            fill="none"
+                            stroke="currentColor"
+                            viewBox="0 0 24 24"
+                          >
+                            <path
+                              strokeLinecap="round"
+                              strokeLinejoin="round"
+                              strokeWidth={2}
+                              d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16"
+                            />
+                          </svg>
+                        </button>
+                      </div>
+                    </div>
+                  ))}
+
+                  {/* Add Product Button */}
+                  <button
+                    onClick={() => setIsAddingMerch(true)}
+                    className="aspect-square border-2 border-dashed border-gray-300 rounded-lg bg-gray-50 hover:bg-gray-100 transition-colors flex items-center justify-center"
+                  >
+                    <div className="text-center">
+                      <div className="w-12 h-12 mx-auto mb-2 flex items-center justify-center">
+                        <span className="text-4xl text-gray-400 font-light">+</span>
+                      </div>
+                      <p className="text-gray-500 font-inter text-sm">Add Product</p>
+                    </div>
+                  </button>
+                </div>
+
+                {/* Add Merch Form Modal */}
+                {isAddingMerch && (
+                  <div className="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50 p-4">
+                    <div className="bg-white rounded-lg shadow-xl max-w-2xl w-full max-h-[90vh] overflow-y-auto p-6">
+                      <div className="flex justify-between items-center mb-4">
+                        <h2 className="text-2xl font-jetbrains font-medium">Add New Product</h2>
+                        <button
+                          onClick={cancelMerchEdit}
+                          className="text-gray-500 hover:text-gray-700 text-2xl"
+                        >
+                          ×
+                        </button>
+                      </div>
+                      <form onSubmit={handleAddMerch} className="space-y-4">
+                        <div>
+                          <label className="block mb-2 font-medium font-inter text-black">Name *</label>
+                          <input
+                            type="text"
+                            ref={merchNameRef}
+                            className="border border-gray-300 text-black text-sm rounded-md w-full p-2.5"
+                            placeholder="Product name"
+                            required
+                          />
+                        </div>
+                        <div>
+                          <label className="block mb-2 font-medium font-inter text-black">Price *</label>
+                          <input
+                            type="number"
+                            step="0.01"
+                            min="0"
+                            ref={merchPriceRef}
+                            className="border border-gray-300 text-black text-sm rounded-md w-full p-2.5"
+                            placeholder="0.00"
+                            required
+                          />
+                        </div>
+                        <div>
+                          <label className="block mb-2 font-medium font-inter text-black">Description</label>
+                          <textarea
+                            ref={merchDescriptionRef}
+                            rows={3}
+                            className="border border-gray-300 text-black text-sm rounded-md w-full p-2.5"
+                            placeholder="Describe your product..."
+                          />
+                        </div>
+                        <div>
+                          <label className="block mb-2 font-medium font-inter text-black">Image</label>
+                          {merchImagePreview && (
+                            <img
+                              src={merchImagePreview}
+                              alt="Product preview"
+                              className="w-32 h-32 object-cover rounded-md mb-2 border-2 border-gray-300"
+                            />
+                          )}
+                          <input
+                            type="file"
+                            accept="image/png, image/jpeg"
+                            onChange={handleMerchImageChange}
+                            ref={merchImageRef}
+                            className="border border-gray-300 text-black text-sm rounded-md w-full p-2.5"
+                          />
+                        </div>
+                        <div className="flex gap-3 pt-4">
+                          <button
+                            type="button"
+                            onClick={cancelMerchEdit}
+                            className="bg-gray-500 text-white font-semibold font-inter py-2 px-4 shadow-lg hover:brightness-90 transition-all"
+                          >
+                            Cancel
+                          </button>
+                          <button
+                            type="submit"
+                            className="bg-[#00629B] text-white font-semibold font-inter py-2 px-4 shadow-lg hover:brightness-90 transition-all"
+                          >
+                            Add Product
+                          </button>
+                        </div>
+                      </form>
+                      {merchError && <p className="text-sm text-red-600 mt-4">{merchError}</p>}
+                    </div>
+                  </div>
+                )}
+
+                {/* Edit Merch Modal */}
+                {editingMerchId && (
+                  <div className="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50 p-4">
+                    <div className="bg-white rounded-lg shadow-xl max-w-2xl w-full max-h-[90vh] overflow-y-auto p-6">
+                      <div className="flex justify-between items-center mb-4">
+                        <h2 className="text-2xl font-jetbrains font-medium">Edit Product</h2>
+                        <button
+                          onClick={cancelMerchEdit}
+                          className="text-gray-500 hover:text-gray-700 text-2xl"
+                        >
+                          ×
+                        </button>
+                      </div>
+                      {merchItems
+                        .filter((m) => m._id === editingMerchId)
+                        .map((merch) => (
+                          <form
+                            key={merch._id}
+                            onSubmit={(e) => handleUpdateMerch(e, merch._id)}
+                            className="space-y-4"
+                          >
+                            <div>
+                              <label className="block mb-2 font-medium font-inter text-black">Name *</label>
+                              <input
+                                type="text"
+                                ref={merchNameRef}
+                                defaultValue={merch.name}
+                                className="border border-gray-300 text-black text-sm rounded-md w-full p-2.5"
+                                required
+                              />
+                            </div>
+                            <div>
+                              <label className="block mb-2 font-medium font-inter text-black">Price *</label>
+                              <input
+                                type="number"
+                                step="0.01"
+                                min="0"
+                                ref={merchPriceRef}
+                                defaultValue={merch.price}
+                                className="border border-gray-300 text-black text-sm rounded-md w-full p-2.5"
+                                required
+                              />
+                            </div>
+                            <div>
+                              <label className="block mb-2 font-medium font-inter text-black">
+                                Description
+                              </label>
+                              <textarea
+                                ref={merchDescriptionRef}
+                                rows={3}
+                                defaultValue={merch.description}
+                                className="border border-gray-300 text-black text-sm rounded-md w-full p-2.5"
+                              />
+                            </div>
+                            <div>
+                              <label className="block mb-2 font-medium font-inter text-black">Image</label>
+                              {merchImagePreview && (
+                                <img
+                                  src={merchImagePreview}
+                                  alt="Preview"
+                                  className="w-32 h-32 object-cover rounded-md mb-2 border border-gray-300"
+                                />
+                              )}
+                              <input
+                                type="file"
+                                accept="image/png, image/jpeg"
+                                onChange={handleMerchImageChange}
+                                className="border border-gray-300 text-black text-sm rounded-md w-full p-2.5"
+                              />
+                            </div>
+                            <div className="flex gap-3 pt-4">
+                              <button
+                                type="button"
+                                onClick={cancelMerchEdit}
+                                className="bg-gray-500 text-white font-semibold font-inter py-2 px-4 shadow-lg hover:brightness-90 transition-all"
+                              >
+                                Cancel
+                              </button>
+                              <button
+                                type="submit"
+                                className="bg-[#00629B] text-white font-semibold font-inter py-2 px-4 shadow-lg hover:brightness-90 transition-all"
+                              >
+                                Save Changes
+                              </button>
+                              <button
+                                type="button"
+                                onClick={() => handleDeleteMerch(merch._id)}
+                                className="bg-red-600 text-white font-semibold font-inter py-2 px-4 shadow-lg hover:brightness-90 transition-all"
+                              >
+                                Delete
+                              </button>
+                            </div>
+                          </form>
+                        ))}
+                      {merchError && <p className="text-sm text-red-600 mt-4">{merchError}</p>}
+                    </div>
+                  </div>
+                )}
+          </div>
+        </div>
+      </div>
+    </>
+  );
+}
+
diff --git a/frontend/src/pages/StudentOrganizations.tsx b/frontend/src/pages/StudentOrganizations.tsx
new file mode 100644
index 0000000..9a705c7
--- /dev/null
+++ b/frontend/src/pages/StudentOrganizations.tsx
@@ -0,0 +1,234 @@
+import { useState, useEffect, useContext } from "react";
+import { Helmet } from "react-helmet-async";
+import { get } from "src/api/requests";
+import { FirebaseContext } from "src/utils/FirebaseProvider";
+
+interface StudentOrganization {
+  _id: string;
+  organizationName: string;
+  profilePicture: string;
+  bio: string;
+  location: string;
+  contactInfo: {
+    email: string;
+    instagram: string;
+    website: string;
+    other: string;
+  };
+  merchLocation: string;
+}
+
+interface MerchItem {
+  _id: string;
+  name: string;
+  price: number;
+  description: string;
+  image: string;
+  studentOrganizationId: {
+    _id: string;
+    organizationName: string;
+    profilePicture: string;
+    bio: string;
+    location: string;
+    contactInfo: {
+      email: string;
+      instagram: string;
+      website: string;
+      other: string;
+    };
+    merchLocation: string;
+  };
+}
+
+export function StudentOrganizations() {
+  const { user } = useContext(FirebaseContext);
+  const [organizations, setOrganizations] = useState<StudentOrganization[]>([]);
+  const [allMerch, setAllMerch] = useState<MerchItem[]>([]);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState<string>("");
+  const [selectedOrg, setSelectedOrg] = useState<string | null>(null);
+
+  useEffect(() => {
+    const fetchData = async () => {
+      try {
+        setLoading(true);
+        const [orgsRes, merchRes] = await Promise.all([
+          get("/api/student-organizations"),
+          get("/api/merch"),
+        ]);
+
+        if (orgsRes.ok) {
+          const orgsData = await orgsRes.json();
+          setOrganizations(orgsData);
+        }
+
+        if (merchRes.ok) {
+          const merchData = await merchRes.json();
+          setAllMerch(merchData);
+        }
+      } catch (err) {
+        setError("Failed to load student organizations");
+        console.error(err);
+      } finally {
+        setLoading(false);
+      }
+    };
+
+    fetchData();
+  }, []);
+
+  const getMerchForOrg = (orgId: string) => {
+    return allMerch.filter((merch) => merch.studentOrganizationId._id === orgId);
+  };
+
+  if (loading) {
+    return (
+      <>
+        <Helmet>
+          <title>Student Organizations - Low-Price Center</title>
+        </Helmet>
+        <div className="w-full mt-12 mb-6">
+          <p className="text-center font-inter">Loading...</p>
+        </div>
+      </>
+    );
+  }
+
+  return (
+    <>
+      <Helmet>
+        <title>Student Organizations - Low-Price Center</title>
+      </Helmet>
+      <main className="w-full flex justify-center items-center mt-12 mb-20">
+        <div className="max-w-[90%] w-full">
+          <div className="mb-6">
+            <h1 className="text-3xl font-jetbrains font-medium mb-2">Student Organizations</h1>
+            <p className="text-gray-600 font-inter">
+              Browse student organizations and their merch
+            </p>
+          </div>
+
+          {error && <p className="text-red-600 mb-4">{error}</p>}
+
+          {organizations.length === 0 ? (
+            <p className="text-center text-gray-500 py-8">No student organizations found.</p>
+          ) : (
+            <div className="space-y-6">
+              {organizations.map((org) => {
+                const orgMerch = getMerchForOrg(org._id);
+                const isExpanded = selectedOrg === org._id;
+
+                return (
+                  <div
+                    key={org._id}
+                    className="bg-white rounded-lg shadow-md p-6 border-2 border-gray-200"
+                  >
+                    {/* Organization Header */}
+                    <div className="flex items-start gap-4 mb-4">
+                      {org.profilePicture && (
+                        <img
+                          src={org.profilePicture}
+                          alt={org.organizationName}
+                          className="w-20 h-20 object-cover rounded-full border-2 border-gray-300"
+                        />
+                      )}
+                      <div className="flex-1">
+                        <h2 className="text-2xl font-jetbrains font-semibold mb-2">
+                          {org.organizationName}
+                        </h2>
+                        {org.bio && (
+                          <p className="text-gray-700 font-inter mb-2">{org.bio}</p>
+                        )}
+                        {org.location && (
+                          <p className="text-sm text-gray-600 font-inter mb-1">
+                            📍 {org.location}
+                          </p>
+                        )}
+                        {org.merchLocation && (
+                          <p className="text-sm text-[#00629B] font-inter font-semibold">
+                            🛍️ Merch available at: {org.merchLocation}
+                          </p>
+                        )}
+                        {/* Contact Info */}
+                        <div className="mt-2 flex flex-wrap gap-3 text-sm">
+                          {org.contactInfo.email && (
+                            <a
+                              href={`mailto:${org.contactInfo.email}`}
+                              className="text-[#00629B] hover:underline"
+                            >
+                              ✉️ {org.contactInfo.email}
+                            </a>
+                          )}
+                          {org.contactInfo.instagram && (
+                            <span className="text-gray-600">📷 @{org.contactInfo.instagram}</span>
+                          )}
+                          {org.contactInfo.website && (
+                            <a
+                              href={org.contactInfo.website}
+                              target="_blank"
+                              rel="noopener noreferrer"
+                              className="text-[#00629B] hover:underline"
+                            >
+                              🌐 Website
+                            </a>
+                          )}
+                        </div>
+                      </div>
+                      {orgMerch.length > 0 && (
+                        <button
+                          onClick={() => setSelectedOrg(isExpanded ? null : org._id)}
+                          className="bg-[#00629B] text-white font-semibold font-inter py-2 px-4 shadow-lg hover:brightness-90 transition-all"
+                        >
+                          {isExpanded ? "Hide" : "View"} Merch ({orgMerch.length})
+                        </button>
+                      )}
+                    </div>
+
+                    {/* Merch Items */}
+                    {isExpanded && orgMerch.length > 0 && (
+                      <div className="mt-4 pt-4 border-t-2 border-gray-200">
+                        <h3 className="text-xl font-jetbrains font-semibold mb-4">Merch Items</h3>
+                        <div className="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4">
+                          {orgMerch.map((merch) => (
+                            <div
+                              key={merch._id}
+                              className="border-2 border-gray-200 rounded-lg p-4 hover:shadow-lg transition-shadow"
+                            >
+                              {merch.image && (
+                                <img
+                                  src={merch.image}
+                                  alt={merch.name}
+                                  className="w-full h-48 object-cover rounded-md mb-3"
+                                />
+                              )}
+                              <h4 className="font-inter font-semibold text-lg mb-1">{merch.name}</h4>
+                              <p className="font-inter font-bold text-[#00629B] text-xl mb-2">
+                                ${merch.price.toFixed(2)}
+                              </p>
+                              {merch.description && (
+                                <p className="font-inter text-sm text-gray-600">{merch.description}</p>
+                              )}
+                            </div>
+                          ))}
+                        </div>
+                      </div>
+                    )}
+
+                    {isExpanded && orgMerch.length === 0 && (
+                      <div className="mt-4 pt-4 border-t-2 border-gray-200">
+                        <p className="text-gray-500 text-center py-4">
+                          No merch items available yet.
+                        </p>
+                      </div>
+                    )}
+                  </div>
+                );
+              })}
+            </div>
+          )}
+        </div>
+      </main>
+    </>
+  );
+}
+