diff --git a/backend/src/controllers/products.ts b/backend/src/controllers/products.ts
index 3c00ae0..4543673 100644
--- a/backend/src/controllers/products.ts
+++ b/backend/src/controllers/products.ts
@@ -20,7 +20,7 @@ const upload = multer({
  */
 export const getProducts = async (req: AuthenticatedRequest, res: Response) => {
   try {
-    const products = await ProductModel.find();
+    const products = await ProductModel.find().sort({"timeUpdated": -1});
     res.status(200).json(products);
   } catch (error) {
     res.status(500).json({ message: "Error fetching products", error });
@@ -47,17 +47,37 @@ export const getProductById = async (req: AuthenticatedRequest, res: Response) =
 };
 
 /*
- * search for product by name
+ * search for product by name, tags, price
  */
-export const getProductsByName = async (req: AuthenticatedRequest, res: Response) => {
+export const getProductsByQuery = async (req: AuthenticatedRequest, res: Response) => {
   try {
-    const query = req.params.query;
-    const products = await ProductModel.find({ name: { $regex: query, $options: "i" } });
+    const keyword = req.query.keyword;
+    let tags: string[] = [];
+    if (typeof req.query.tags === "string" && req.query.tags.length > 0) {
+      tags = req.query.tags.split(",");
+    }
+    const price = req.query.price;
+    let sortField : string = String(req.query.order) ?? "";
+    let sortOrder = 1
+    if (sortField === 'timeUpdated' || sortField === 'priceDesc') sortOrder = -1
+    if (sortField === 'priceAsc' || sortField === 'priceDesc') sortField = 'price'
+
+    let query: any = {}
+    if (typeof keyword === "string"  && keyword.length > 0){
+      query.name = { $regex: keyword || "", $options: "i" }
+    }
+    if (tags.length > 0) {
+      query.tags = { $in: tags };
+    }
+    if (price) query.price = {$lte: price};
+
+    const products = await ProductModel.find(query).sort({[sortField]: sortOrder === 1 ? 'asc' : 'desc'});
     if (!products) {
       return res.status(404).json({ message: "Product not found" });
     }
     res.status(200).json(products);
   } catch (error) {
+    console.error(error);
     res.status(500).json({ message: "Error getting product", error });
   }
 };
@@ -69,7 +89,7 @@ export const addProduct = [
   upload,
   async (req: AuthenticatedRequest, res: Response) => {
     try {
-      const { name, price, description } = req.body;
+      const { name, price, description, tags } = req.body;
       if (!req.user) return res.status(404).json({ message: "User not found" });
       const userId = req.user._id;
       const userEmail = req.user.userEmail;
@@ -100,6 +120,7 @@ export const addProduct = [
         price,
         description,
         userEmail,
+        tags,
         images,
         timeCreated: new Date(),
         timeUpdated: new Date(),
@@ -190,6 +211,7 @@ export const updateProductById = [
           price: req.body.price,
           description: req.body.description,
           images: finalImages,
+          tags: req.body.tags ?? [],
           timeUpdated: new Date(),
         },
         { new: true },
diff --git a/backend/src/models/product.ts b/backend/src/models/product.ts
index ca7386a..885b5b9 100644
--- a/backend/src/models/product.ts
+++ b/backend/src/models/product.ts
@@ -24,6 +24,11 @@ const productSchema = new Schema({
     type: String,
     required: true,
   },
+  tags: {
+    type: [String], 
+    enum: ['Electronics', 'School Supplies', 'Dorm Essentials', 'Furniture', 'Clothes', 'Miscellaneous'], 
+    required: false
+  },
   images: [{ type: String }],
 });
 
diff --git a/backend/src/routes/product.ts b/backend/src/routes/product.ts
index 581fb50..fc92e53 100644
--- a/backend/src/routes/product.ts
+++ b/backend/src/routes/product.ts
@@ -5,14 +5,14 @@ import {
   addProduct,
   deleteProductById,
   updateProductById,
-  getProductsByName,
+  getProductsByQuery,
 } from "src/controllers/products";
 import { authenticateUser } from "src/validators/authUserMiddleware";
 const router = express.Router();
 
 router.get("/", authenticateUser, getProducts);
+router.get("/search", authenticateUser, getProductsByQuery);
 router.get("/:id", authenticateUser, getProductById);
-router.get("/search/:query", authenticateUser, getProductsByName);
 router.post("/", authenticateUser, addProduct);
 router.delete("/:id", authenticateUser, deleteProductById);
 router.patch("/:id", authenticateUser, updateProductById);
diff --git a/frontend/src/components/SearchBar.tsx b/frontend/src/components/SearchBar.tsx
index aa40a0f..5536197 100644
--- a/frontend/src/components/SearchBar.tsx
+++ b/frontend/src/components/SearchBar.tsx
@@ -1,5 +1,8 @@
-import { useEffect, useState } from "react";
+import { useEffect, useRef, useState } from "react";
 import { get } from "src/api/requests";
+import { FaFilter } from "react-icons/fa6";
+import { tags } from "../utils/constants.tsx";
+import { orderMethods } from "../utils/constants.tsx";
 
 interface Props {
   setProducts: (products: []) => void;
@@ -7,17 +10,36 @@ interface Props {
 }
 
 export default function SearchBar({ setProducts, setError }: Props) {
+  const [dropdownHidden, setDropdownHidden] = useState<boolean>(true);
   const [query, setQuery] = useState<string | null>(null);
+  const [tagFilters, setTagFilters] = useState<string[]>([]);
+  const [priceMax, setPriceMax] = useState<string>();
+  const [orderBy, setOrderBy] = useState<string>("Most Recent");
 
   useEffect(() => {
     /*
-     * if query is null, get all products
-     * otherwise get products that match the query
+     * if query and tags and price are null, get all products
+     * otherwise get products that match the query/tags/price
      */
     const search = async () => {
       try {
-        if (query && query.trim().length > 0) {
-          await get(`/api/products/search/${query}`).then((res) => {
+        if (
+          (query && query.trim().length > 0) ||
+          tagFilters.length > 0 ||
+          priceMax ||
+          orderBy !== "Most Recent"
+        ) {
+          const selectedTags = tagFilters.length > 0 ? tagFilters.join(",") : "";
+          let keyword = "";
+          if (query) {
+            keyword = query.trim().length > 0 ? query.trim() : "";
+          }
+          let price = "";
+          if (priceMax) price = String(priceMax);
+
+          await get(
+            `/api/products/search?keyword=${keyword}&tags=${selectedTags}&price=${price}&order=${orderMethods[orderBy]}`,
+          ).then((res) => {
             if (res.ok) {
               res.json().then((data) => {
                 setProducts(data);
@@ -39,14 +61,129 @@ export default function SearchBar({ setProducts, setError }: Props) {
       }
     };
     search();
-  }, [query]);
+  }, [query, tagFilters, priceMax, orderBy]);
+
+  // handle dropdown display
+  const dropdownRef = useRef<HTMLDivElement>(null);
+  const buttonRef = useRef<HTMLDivElement>(null);
+  useEffect(() => {
+    const handleClickOutside = (event: MouseEvent) => {
+      if (
+        dropdownRef.current &&
+        !dropdownRef.current.contains(event.target as Node) &&
+        buttonRef.current &&
+        !buttonRef.current.contains(event.target as Node)
+      ) {
+        setDropdownHidden(true);
+      }
+    };
+    document.addEventListener("mousedown", handleClickOutside);
+  }, []);
 
   return (
-    <input
-      type="text"
-      onChange={(e) => setQuery(e.target.value)}
-      placeholder="Search for a product..."
-      className="w-full bg-[#F8F8F8] shadow-md p-3 px-6 mx-auto my-2 rounded-3xl"
-    />
+    <>
+      <div className="relative w-full my-2">
+        <input
+          type="text"
+          onChange={(e) => setQuery(e.target.value)}
+          placeholder="Search for a product..."
+          className="w-full bg-[#F8F8F8] shadow-md p-3 pr-12 pl-6 rounded-3xl"
+        />
+        <div ref={buttonRef}>
+          <FaFilter
+            onClick={() => {
+              setDropdownHidden((prev) => !prev);
+            }}
+            className="absolute right-6 top-1/2 transform -translate-y-1/2 text-[#00629B] text-[1.2rem] cursor-pointer"
+          />
+        </div>
+
+        <div
+          ref={dropdownRef}
+          hidden={dropdownHidden}
+          className="absolute right-0 top-full z-20 mt-2 mr-1 w-56 px-3 bg-white rounded-md ring-1 shadow-lg ring-black/5 focus:outline-hidden"
+        >
+          <div className="py-3 max-h-35 overflow-y-auto bg-white rounded-md">
+            <p className="font-semibold font-inter text-base">Category</p>
+            {tags.map((tag, index) => (
+              <div key={index} className="flex flex-row gap-2">
+                <input
+                  type="checkbox"
+                  id={tag}
+                  name={tag}
+                  value={tag}
+                  onChange={(e) => {
+                    if (e.target.checked) {
+                      setTagFilters([...tagFilters, tag]);
+                    } else {
+                      setTagFilters(tagFilters.filter((t) => t !== tag));
+                    }
+                  }}
+                />
+                <label htmlFor={tag} className="font-inter">
+                  {tag}
+                </label>
+                <br />
+              </div>
+            ))}
+            <div className="my-3 border-[0.5px] border-ucsd-blue rounded-2xl" />
+            <p className="font-semibold font-inter text-base">Price</p>
+            <input
+              id="default-range"
+              type="range"
+              min={0}
+              max={1000}
+              step={10}
+              value={priceMax}
+              defaultValue={0}
+              onChange={(event) => {
+                setPriceMax(event.target.value);
+              }}
+              className="w-full h-2 bg-gray-200 rounded-lg mb-3 appearance-none cursor-pointer"
+              style={{
+                background: `linear-gradient(to right, #00629B 0%, #00629B ${((Number(priceMax) ?? 0) / 1000) * 100}%, #e5e7eb ${((Number(priceMax) ?? 0) / 1000) * 100}%, #e5e7eb 100%)`,
+              }}
+            />
+            <div className="flex flex-row items-center gap-2 max-w-50">
+              <p className="text-sm">$0 - </p>
+              <input
+                type="number"
+                min={0}
+                max={1000}
+                value={priceMax}
+                step={0.01}
+                onChange={(event) => setPriceMax(event.target.value)}
+                className="w-1/3 p-1 border border-gray-300 text-black text-sm rounded-md"
+              />
+            </div>
+            <div className="my-3 mt-4 border-[0.5px] border-ucsd-blue rounded-2xl" />
+            <p className="font-semibold font-inter text-base">Sort By</p>
+            <div>
+              {Object.keys(orderMethods).map((method, index) => (
+                <div key={index} className="flex flex-row gap-2">
+                  <input
+                    type="radio"
+                    id={method}
+                    name="orderBy"
+                    value={method}
+                    checked={orderBy === method}
+                    onChange={(e) => {
+                      if (e.target.checked) {
+                        setOrderBy(method);
+                      }
+                    }}
+                  />
+                  <label htmlFor={method} className="font-inter">
+                    {" "}
+                    {method}
+                  </label>
+                  <br />
+                </div>
+              ))}
+            </div>
+          </div>
+        </div>
+      </div>
+    </>
   );
 }
diff --git a/frontend/src/pages/AddProduct.tsx b/frontend/src/pages/AddProduct.tsx
index bf68a9b..2c65bb5 100644
--- a/frontend/src/pages/AddProduct.tsx
+++ b/frontend/src/pages/AddProduct.tsx
@@ -1,8 +1,9 @@
-import { FormEvent, useContext, useRef, useState } from "react";
+import { FormEvent, useRef, useContext, useState, useEffect } from "react";
 import { Helmet } from "react-helmet-async";
 import { useNavigate } from "react-router-dom";
 import { post } from "src/api/requests";
 import { FirebaseContext } from "src/utils/FirebaseProvider";
+import { tags } from "../utils/constants.tsx";
 
 export function AddProduct() {
   const MAX_FILE_SIZE = 5 * 1024 * 1024; // 5 MB
@@ -11,6 +12,7 @@ export function AddProduct() {
   const productPrice = useRef<HTMLInputElement>(null);
   const productDescription = useRef<HTMLTextAreaElement>(null);
   const productImages = useRef<HTMLInputElement>(null);
+  const [productTags, setProductTags] = useState<Array<string>>([]);
 
   const { user } = useContext(FirebaseContext);
   const [error, setError] = useState<boolean>(false);
@@ -51,6 +53,23 @@ export function AddProduct() {
     setNewPreviews((p) => p.filter((_, i) => i !== idx));
   };
 
+  // handle dropdown display
+  const dropdownRef = useRef<HTMLDivElement>(null);
+  const buttonRef = useRef<HTMLDivElement>(null);
+  useEffect(() => {
+    const handleClickOutside = (event: MouseEvent) => {
+      if (
+        dropdownRef.current &&
+        !dropdownRef.current.contains(event.target as Node) &&
+        buttonRef.current &&
+        !buttonRef.current.contains(event.target as Node)
+      ) {
+        dropdownRef.current.hidden = true;
+      }
+    };
+    document.addEventListener("mousedown", handleClickOutside);
+  }, []);
+
   const handleSubmit = async (e: FormEvent) => {
     if (isSubmitting) return;
     setIsSubmitting(true);
@@ -66,6 +85,9 @@ export function AddProduct() {
         body.append("name", productName.current.value);
         body.append("price", productPrice.current.value);
         body.append("description", productDescription.current.value);
+        productTags.forEach((tag) => {
+          body.append("tags[]", tag);
+        });
         if (user.email) body.append("userEmail", user.email);
 
         if (productImages.current && productImages.current.files) {
@@ -146,6 +168,63 @@ export function AddProduct() {
           />
         </div>
 
+        {/* Product Tags */}
+        <div className="mb-5">
+          <label htmlFor="productTags" className="block mb-2 font-medium font-inter text-black">
+            Tags
+          </label>
+          <div
+            id="productTags"
+            className="flex flex-row max-w-full flex-wrap gap-2 border border-gray-300 text-black text-sm rounded-md w-full p-2.5 min-h-10 hover:cursor-pointer"
+            onClick={() => {
+              if (dropdownRef.current) dropdownRef.current.hidden = false;
+            }}
+            ref={buttonRef}
+          >
+            {productTags.map((tag) => (
+              <div
+                key={tag}
+                className="flex items-center gap-2 p-1 px-2 w-fit bg-slate-200 rounded-2xl"
+              >
+                <span className="text-sm font-medium">{tag}</span>
+                <button
+                  className="flex items-center justify-center p-1 h-5 w-5 bg-slate-300 text-md rounded-full hover:bg-blue-400 hover:text-white transition-colors duration-200"
+                  onClick={() => {
+                    setProductTags(productTags.filter((t) => t !== tag));
+                  }}
+                >
+                  ×
+                </button>
+              </div>
+            ))}
+          </div>
+          {/* Product Tags Dropdown */}
+          {productTags.length !== tags.length && (
+            <div
+              ref={dropdownRef}
+              className="z-10 mt-2 min-w-64 origin-top-right rounded-md ring-1 shadow-lg ring-black/5 focus:outline-hidden"
+            >
+              <div className="py-1 max-h-35 overflow-y-auto">
+                {tags.map((tag) => {
+                  if (!productTags.includes(tag)) {
+                    return (
+                      <p
+                        onClick={() => {
+                          setProductTags([...productTags, tag]);
+                        }}
+                        key={tag}
+                        className="px-4 py-2 text-sm text-gray-700 hover:cursor-pointer"
+                      >
+                        {tag}
+                      </p>
+                    );
+                  }
+                })}
+              </div>
+            </div>
+          )}
+        </div>
+
         {/* Images */}
         <div className="mb-5">
           <label htmlFor="productImages" className="block mb-2 font-medium font-inter text-black">
diff --git a/frontend/src/pages/EditProduct.tsx b/frontend/src/pages/EditProduct.tsx
index 67f3297..8c24733 100644
--- a/frontend/src/pages/EditProduct.tsx
+++ b/frontend/src/pages/EditProduct.tsx
@@ -3,6 +3,7 @@ import { Helmet } from "react-helmet-async";
 import { useNavigate, useParams } from "react-router-dom";
 import { DELETE, get, patch } from "src/api/requests";
 import { FirebaseContext } from "src/utils/FirebaseProvider";
+import { tags } from "src/utils/constants";
 
 export function EditProduct() {
   const { id } = useParams();
@@ -14,12 +15,14 @@ export function EditProduct() {
     images: string[];
     userEmail: string;
     description: string;
+    tags: string[];
   }>();
 
   const productName = useRef<HTMLInputElement>(null);
   const productPrice = useRef<HTMLInputElement>(null);
   const productDescription = useRef<HTMLTextAreaElement>(null);
   const productImages = useRef<HTMLInputElement>(null);
+  const [productTags, setProductTags] = useState<Array<string>>([]);
 
   const [existingImages, setExistingImages] = useState<string[]>([]);
   const [newFiles, setNewFiles] = useState<File[]>([]);
@@ -36,6 +39,7 @@ export function EditProduct() {
       .then((r) => r.json())
       .then((data) => {
         setProduct(data);
+        setProductTags(data.tags);
         setExistingImages(data.images);
       })
       .catch(() => setError(true));
@@ -83,6 +87,9 @@ export function EditProduct() {
         body.append("name", productName.current.value);
         body.append("price", productPrice.current.value);
         body.append("description", productDescription.current.value);
+        productTags.forEach((tag) => {
+          body.append("tags[]", tag);
+        });
         body.append("userEmail", user.email || "");
 
         // append existing image URLs
@@ -116,6 +123,23 @@ export function EditProduct() {
     }
   };
 
+  // handle dropdown display
+  const dropdownRef = useRef<HTMLDivElement>(null);
+  const buttonRef = useRef<HTMLDivElement>(null);
+  useEffect(() => {
+    const handleClickOutside = (event: MouseEvent) => {
+      if (
+        dropdownRef.current &&
+        !dropdownRef.current.contains(event.target as Node) &&
+        buttonRef.current &&
+        !buttonRef.current.contains(event.target as Node)
+      ) {
+        dropdownRef.current.hidden = true;
+      }
+    };
+    document.addEventListener("mousedown", handleClickOutside);
+  }, []);
+
   return (
     <>
       <Helmet>
@@ -175,6 +199,63 @@ export function EditProduct() {
           />
         </div>
 
+        {/* Product Tags */}
+        <div className="mb-5">
+          <label htmlFor="productTags" className="block mb-2 font-medium font-inter text-black">
+            Tags
+          </label>
+          <div
+            id="productTags"
+            className="flex flex-row max-w-full flex-wrap gap-2 border border-gray-300 text-black text-sm rounded-md w-full p-2.5 min-h-10 hover:cursor-pointer"
+            onClick={() => {
+              if (dropdownRef.current) dropdownRef.current.hidden = false;
+            }}
+            ref={buttonRef}
+          >
+            {productTags.map((tag) => (
+              <div
+                key={tag}
+                className="flex items-center gap-2 p-1 px-2 w-fit bg-slate-200 rounded-2xl"
+              >
+                <span className="text-sm font-medium">{tag}</span>
+                <button
+                  className="flex items-center justify-center p-1 h-5 w-5 bg-slate-300 text-md rounded-full hover:bg-blue-400 hover:text-white transition-colors duration-200"
+                  onClick={() => {
+                    setProductTags(productTags.filter((t) => t !== tag));
+                  }}
+                >
+                  ×
+                </button>
+              </div>
+            ))}
+          </div>
+          {/* Product Tags Dropdown */}
+          {productTags.length !== tags.length && (
+            <div
+              ref={dropdownRef}
+              className="z-10 mt-2 min-w-64 origin-top-right rounded-md ring-1 shadow-lg ring-black/5 focus:outline-hidden"
+            >
+              <div className="py-1 max-h-35 overflow-y-auto">
+                {tags.map((tag) => {
+                  if (!productTags.includes(tag)) {
+                    return (
+                      <p
+                        onClick={() => {
+                          setProductTags([...productTags, tag]);
+                        }}
+                        key={tag}
+                        className="px-4 py-2 text-sm text-gray-700 hover:cursor-pointer"
+                      >
+                        {tag}
+                      </p>
+                    );
+                  }
+                })}
+              </div>
+            </div>
+          )}
+        </div>
+
         <div className="mb-5">
           <label htmlFor="productImages" className="block mb-2 font-medium font-inter text-black">
             Images
diff --git a/frontend/src/pages/Individual-product-page.tsx b/frontend/src/pages/Individual-product-page.tsx
index a54eb83..a36e59d 100644
--- a/frontend/src/pages/Individual-product-page.tsx
+++ b/frontend/src/pages/Individual-product-page.tsx
@@ -20,6 +20,7 @@ export function IndividualProductPage() {
     images: string[];
     userEmail: string;
     description: string;
+    tags: string[];
   }>();
   const [error, setError] = useState<string>();
   const [hasPermissions, setHasPermissions] = useState<boolean>(false);
@@ -244,6 +245,18 @@ export function IndividualProductPage() {
                   </p>
                 </div>
               )}
+              {product?.tags && (
+                <div className="flex flex-row flex-wrap gap-2 py-4">
+                  {product.tags.map((tag) => (
+                    <div
+                      key={tag}
+                      className="flex items-center gap-2 p-1 px-2 w-fit bg-slate-200 rounded-2xl"
+                    >
+                      <span className="text-sm font-medium">{tag}</span>
+                    </div>
+                  ))}
+                </div>
+              )}
               {!hasPermissions && (
                 <div
                   onMouseEnter={() => setIsHovered(true)}
diff --git a/frontend/src/utils/constants.tsx b/frontend/src/utils/constants.tsx
new file mode 100644
index 0000000..0105f12
--- /dev/null
+++ b/frontend/src/utils/constants.tsx
@@ -0,0 +1,15 @@
+export const tags = [
+  "Electronics",
+  "School Supplies",
+  "Dorm Essentials",
+  "Furniture",
+  "Clothes",
+  "Miscellaneous",
+];
+
+export const orderMethods = {
+  "Most Recent": "timeUpdated",
+  "Price (low-high)": "priceAsc",
+  "Price (high-low)": "priceDesc",
+  "Alphabetical (A-Z)": "name",
+} as { [key: string]: string };