diff --git a/admin-portal-frontend/src/app/all-page/page.tsx b/admin-portal-frontend/src/app/all-page/page.tsx
deleted file mode 100644
index f7c1d2c..0000000
--- a/admin-portal-frontend/src/app/all-page/page.tsx
+++ /dev/null
@@ -1,97 +0,0 @@
-"use client";
-
-import { useEffect, useState } from "react";
-import Filter from "../icons/filter.svg";
-import { Category, getAllCategories } from "../components/categoryRoutes";
-import PageContainer from "../components/PageContainer";
-
-export default function CategoriesPage() {
-  const [categories, setCategories] = useState([]);
-  const [publishedState, setPublishedState] = useState(true);
-
-  useEffect(() => {
-    const fetchData = async () => {
-      const fetchedCategories = (await getAllCategories()) as Category[];
-      console.log(fetchedCategories);
-
-      setCategories(fetchedCategories as never);
-    };
-
-    fetchData();
-  }, []);
-
-  const selectedStyle = "text-[#00629B] border-[#00629B] border-solid";
-  const unselectedStyle = "text-[#6C6C6C]";
-
-  return (
-    <div className="flex flex-col items-center justify-center min-h-screen w-screen overflow-auto p-20 gap-8 bg-[#E5EFF5]">
-      <div className="flex flex-row justify-between w-5/6">
-        <h1 className="text-start text-2xl font-bold">Global Search</h1>
-      </div>
-
-      <div className="flex flex-row justify-start w-5/6 gap-3">
-        <button
-          className={
-            "bg-white px-5 py-1 rounded-md border " +
-            (publishedState ? selectedStyle : unselectedStyle)
-          }
-          onClick={() => {
-            setPublishedState(true);
-          }}
-        >
-          Published (0)
-        </button>
-        <button
-          className={
-            "bg-white px-5 py-1 rounded-md border " +
-            (!publishedState ? selectedStyle : unselectedStyle)
-          }
-          onClick={() => {
-            setPublishedState(false);
-          }}
-        >
-          Draft (0)
-        </button>
-      </div>
-
-      <div className="flex flex-col h-fit w-5/6 p-10 rounded-md bg-white">
-        <h1 className="text-start text-2xl font-bold">Filter</h1>
-
-        <div className="flex flex-row justify-between mt-5 flex-wrap gap-5">
-          <div className="flex flex-row gap-5 flex-wrap">
-            <input
-              type="text"
-              className="h-10 rounded-md border border-[#B4B4B4] border-solid p-5"
-              placeholder="Page name"
-            />
-            <input
-              type="text"
-              className="h-10 rounded-md border border-[#B4B4B4] border-solid p-5"
-              placeholder="Date (MM/DD/YY)"
-            />
-            <input
-              type="text"
-              className="h-10 rounded-md border border-[#B4B4B4] border-solid p-5"
-              placeholder="Visibility"
-            />
-          </div>
-          <button className="flex flex-row items-center gap-2 px-4 py-2 rounded-md text-white bg-[#00629B]">
-            <img src={Filter?.src as string} alt="Filter" className="w-4 h-4" />
-            <p>Filter</p>
-          </button>
-        </div>
-      </div>
-
-      <div className="flex flex-col h-max w-5/6 p-10 rounded-md bg-white">
-        <div className="flex flex-row items-center justify-between mb-10">
-          <h2 className="text-2xl">All Pages</h2>
-          <div className="flex flex-row flex-wrap justify-end gap-2">
-            <button className="px-4 py-2 rounded-md text-white bg-[#00629B]">Edit Order</button>
-            <button className="px-4 py-2 rounded-md text-white bg-[#00629B]">+ Add Page</button>
-          </div>
-        </div>
-        <PageContainer items={categories}></PageContainer>
-      </div>
-    </div>
-  );
-}
diff --git a/admin-portal-frontend/src/app/components/CategoryContainer.tsx b/admin-portal-frontend/src/app/components/CategoryContainer.tsx
deleted file mode 100644
index b3e0cd4..0000000
--- a/admin-portal-frontend/src/app/components/CategoryContainer.tsx
+++ /dev/null
@@ -1,120 +0,0 @@
-"use client";
-
-import React, { useState } from "react";
-import { Category } from "./categoryRoutes";
-import DeleteConfirmationPopup from "./DeletePopup";
-import TrashIcon from "../icons/trash.svg";
-import EditIcon from "../icons/edit.svg";
-
-type CategoryItemProps = {
-  id: string;
-  title: string;
-  visibility?: boolean;
-  pages: number;
-  onDeleteCategory: (categoryId: string) => void;
-};
-
-const CategoryItem: React.FC<CategoryItemProps> = ({ id, title, pages, onDeleteCategory }) => {
-  const [selectedValue, setSelectedValue] = useState("public");
-  const [allowEdits, setAllowEdits] = useState(false);
-  const [popupVisible, setPopupVisible] = useState(false);
-
-  const handleDelete = () => {
-    setPopupVisible(true);
-  };
-
-  const handleConfirmDelete = async () => {
-    try {
-      onDeleteCategory(id);
-      setPopupVisible(false);
-    } catch (error) {
-      console.error("Error deleting category:", error);
-    }
-  };
-
-  const handleCancelDelete = () => {
-    setPopupVisible(false);
-  };
-
-  return (
-    <tr key={id + title} className="border-b">
-      <td className="w-1/4 text-center py-3">{title}</td>
-      <td className="w-1/4 text-center py-3">
-        {/* Added just to check styling */}
-        <select
-          disabled={!allowEdits}
-          className={`p-1 text-center rounded-md ${
-            selectedValue === "public" ? "bg-[#E5EFF5]" : "bg-[#D9D9D9]"
-          } ${allowEdits ? "appearance-auto" : "appearance-none"}`}
-          value={selectedValue}
-          onChange={(e) => {
-            setSelectedValue(e.target.value);
-          }}
-        >
-          <option value="public">Public</option>
-          <option value="hidden">Hidden</option>
-        </select>
-      </td>
-      <td className="w-1/4 text-center py-3">{pages}</td>
-      <td className="w-1/4 text-center py-3">
-        <button
-          className="mr-3 bg-[#E5EFF5] p-2 rounded-full border border-black"
-          onClick={() => {
-            setAllowEdits(!allowEdits);
-          }}
-        >
-          <img src={EditIcon.src} alt="Edit" className="w-4 h-4" />
-        </button>
-        <button className="bg-[#E5EFF5] p-2 rounded-full border border-black">
-          <img
-            src={TrashIcon.src}
-            alt="Delete"
-            className="w-4 h-4"
-            onClick={() => {
-              handleDelete();
-            }}
-          />
-        </button>
-      </td>
-      {popupVisible ? (
-        <DeleteConfirmationPopup onDelete={handleConfirmDelete} onCancel={handleCancelDelete} />
-      ) : null}
-    </tr>
-  );
-};
-
-export const CategoryContainer: React.FC<{
-  items: Category[];
-  type: string;
-  onDeleteCategory: (categoryId: string) => void;
-}> = ({ items: categories, type, onDeleteCategory }) => {
-  return (
-    <table>
-      {/* table heading */}
-      <tbody>
-        <tr className="border-b">
-          <th className="w-1/4 text-center py-3">Category Name</th>
-          <th className="w-1/4 text-center py-3">Visibility</th>
-          <th className="w-1/4 text-center py-3">Pages</th>
-          <th className="w-1/4 text-center py-3">Actions</th>
-        </tr>
-
-        {categories
-          // gets only either emergency or general principle
-          .filter((category) => category.type === type)
-          .map((category: Category) => {
-            return (
-              <CategoryItem
-                id={category._id}
-                title={category.title}
-                pages={category.items.length}
-                onDeleteCategory={onDeleteCategory}
-              />
-            );
-          })}
-      </tbody>
-    </table>
-  );
-};
-
-export default CategoryContainer;
diff --git a/admin-portal-frontend/src/app/components/DeletePopup.tsx b/admin-portal-frontend/src/app/components/DeletePopup.tsx
deleted file mode 100644
index d40253e..0000000
--- a/admin-portal-frontend/src/app/components/DeletePopup.tsx
+++ /dev/null
@@ -1,49 +0,0 @@
-import React from "react";
-
-import CloseIcon from "../icons/close.svg";
-
-type DeleteConfirmationPopupProps = {
-  onDelete: () => void;
-  onCancel: () => void;
-};
-
-const DeleteConfirmationPopup: React.FC<DeleteConfirmationPopupProps> = ({
-  onDelete,
-  onCancel,
-}) => {
-  return (
-    <div className="fixed top-0 left-0 w-full h-full flex items-center justify-center bg-gray-800 bg-opacity-50 z-50">
-      <div className="bg-white w-11/12 sm:w-3/4 md:w-2/3 lg:w-1/2 xl:w-2/5 p-8 rounded-md shadow-md flex flex-col justify-center">
-        <button className="flex justify-end mb-4" onClick={onCancel}>
-          <img src={CloseIcon?.src as string} alt="Close" className="w-4 h-4" />
-        </button>
-        <div className="text-center">
-          <h1 className="text-xl sm:text-2xl text-[#182B49] font-bold">
-            Are you sure you want to delete
-            <br />
-            this category?
-          </h1>
-          <p className="my-4 text-[#182B49]">
-            This category cannot be restored and will not be saved.
-          </p>
-          <div className="flex justify-evenly mt-4 sm:mt-6">
-            <button
-              className="px-3 sm:px-4 py-2 bg-white text-[#00629B] rounded-md"
-              onClick={onCancel}
-            >
-              No, keep
-            </button>
-            <button
-              className="px-4 sm:px-6 py-3 bg-[#00629B] text-white font-bold rounded-md"
-              onClick={onDelete}
-            >
-              Yes, delete
-            </button>
-          </div>
-        </div>
-      </div>
-    </div>
-  );
-};
-
-export default DeleteConfirmationPopup;
diff --git a/admin-portal-frontend/src/app/components/PageContainer.tsx b/admin-portal-frontend/src/app/components/PageContainer.tsx
deleted file mode 100644
index ace7b14..0000000
--- a/admin-portal-frontend/src/app/components/PageContainer.tsx
+++ /dev/null
@@ -1,84 +0,0 @@
-"use client";
-
-import React, { useState } from "react";
-import { Category } from "./categoryRoutes";
-import TrashIcon from "../icons/trash.svg";
-import EditIcon from "../icons/edit.svg";
-
-type PageItemProps = {
-  id: string;
-  title: string;
-  page: string;
-  visibility?: boolean;
-};
-
-const PageItem: React.FC<PageItemProps> = ({ id, page, title }) => {
-  const [selectedValue, setSelectedValue] = useState("public");
-  const [allowEdits, setAllowEdits] = useState(false);
-
-  return (
-    <tr key={id} className="border-b">
-      <td className="w-1/4 text-center py-3">{page}</td>
-      <td className="w-1/4 text-center py-3">
-        <select
-          disabled={!allowEdits}
-          className={`p-1 text-center rounded-md ${
-            selectedValue === "public" ? "bg-[#E5EFF5]" : "bg-[#D9D9D9]"
-          } ${allowEdits ? "appearance-auto" : "appearance-none"}`}
-          value={selectedValue}
-          onChange={(e) => {
-            setSelectedValue(e.target.value);
-          }}
-        >
-          <option value="public">Public</option>
-          <option value="hidden">Hidden</option>
-        </select>
-      </td>
-      <td className="w-1/4 text-center py-3">{title}</td>
-      <td className="w-1/4 text-center py-3">
-        <button
-          className="mr-3 bg-[#E5EFF5] p-2 rounded-full border border-black"
-          onClick={() => {
-            setAllowEdits(!allowEdits);
-          }}
-        >
-          <img src={EditIcon.src} alt="Edit" className="w-4 h-4" />
-        </button>
-        <button className="bg-[#E5EFF5] p-2 rounded-full border border-black">
-          <img src={TrashIcon.src} alt="Delete" className="w-4 h-4" />
-        </button>
-      </td>
-    </tr>
-  );
-};
-
-export const PageContainer: React.FC<{ items: Category[] }> = ({ items: categories }) => {
-  return (
-    <table>
-      <tbody>
-        <tr className="border-b">
-          <th className="w-1/4 text-center py-3">Page Name</th>
-          <th className="w-1/4 text-center py-3">Visibility</th>
-          <th className="w-1/4 text-center py-3">Category</th>
-          <th className="w-1/4 text-center py-3">Actions</th>
-        </tr>
-
-        {
-          // go through each category's items
-          categories.map((category: Category) => {
-            return category.items.map((page, j) => (
-              <PageItem
-                key={`${String(j)}-${String(j)}`}
-                id={`${String(j)}-${String(j)}`}
-                page={page}
-                title={category.title}
-              />
-            ));
-          })
-        }
-      </tbody>
-    </table>
-  );
-};
-
-export default PageContainer;
diff --git a/admin-portal-frontend/src/app/components/Toast.tsx b/admin-portal-frontend/src/app/components/Toast.tsx
deleted file mode 100644
index 52ec720..0000000
--- a/admin-portal-frontend/src/app/components/Toast.tsx
+++ /dev/null
@@ -1,41 +0,0 @@
-import React from "react";
-
-import { useEffect, useState } from "react";
-import CloseIcon from "../icons/close.svg";
-import CheckIcon from "../icons/check.svg";
-
-type ToastProps = {
-  backgroundColor: string;
-  message: string;
-  onClose: () => void;
-};
-
-const Toast: React.FC<ToastProps> = ({ backgroundColor, message, onClose }) => {
-  useEffect(() => {
-    // Set a timer to hide the toast after 10 seconds
-    const timer = setTimeout(() => {
-      onClose();
-    }, 10000);
-
-    return () => {
-      clearTimeout(timer);
-    };
-  }, []);
-
-  return (
-    <div className="fixed top-10 right-10 flex justify-center mb-4 z-50">
-      <div
-        style={{ backgroundColor: backgroundColor }}
-        className={`flex items-center justify-between w-auto py-4 px-6 rounded-lg transition-opacity duration-300 ease-in opacity-100 text-white`}
-      >
-        <img src={CheckIcon.src} alt="Check" className="w-4 h-4 mr-2" />
-        <p className="text-sm mr-2">{message}</p>
-        <button className="focus:outline-none" onClick={onClose}>
-          <img src={CloseIcon.src} alt="Close" className="w-4 h-4" />
-        </button>
-      </div>
-    </div>
-  );
-};
-
-export default Toast;
diff --git a/admin-portal-frontend/src/app/components/categoryRoutes.tsx b/admin-portal-frontend/src/app/components/categoryRoutes.tsx
deleted file mode 100644
index 1dcfba1..0000000
--- a/admin-portal-frontend/src/app/components/categoryRoutes.tsx
+++ /dev/null
@@ -1,47 +0,0 @@
-export type Category = {
-  _id: string;
-  title: string;
-  items: [];
-  type: string;
-};
-
-// Gets and returns all categories from API
-export const getAllCategories = async () => {
-  try {
-    const url = process.env.API_URL;
-
-    if (!url) {
-      throw new Error("API URL is not defined");
-    }
-
-    const response = await fetch(url);
-    const data = (await response.json()).categories as Category;
-
-    // console.log(data);
-    return data;
-  } catch (error) {
-    console.log("Error getting categories", error);
-    return [];
-  }
-};
-
-// Deletes a specific category
-export const deleteCategory = async (itemId: string) => {
-  try {
-    if (!process.env.API_URL) {
-      throw new Error("API URL is not defined");
-    }
-
-    const url = process.env.API_URL + `/${itemId}`;
-
-    if (!url) {
-      throw new Error("API URL is not defined");
-    }
-
-    fetch(url, {
-      method: "DELETE",
-    });
-  } catch (error) {
-    console.log("Error delete category", error);
-  }
-};
diff --git a/admin-portal-frontend/src/app/emergencies/page.tsx b/admin-portal-frontend/src/app/emergencies/page.tsx
deleted file mode 100644
index efbcdf5..0000000
--- a/admin-portal-frontend/src/app/emergencies/page.tsx
+++ /dev/null
@@ -1,75 +0,0 @@
-"use client";
-
-import { useEffect, useState } from "react";
-import CategoryContainer from "../components/CategoryContainer";
-import { Category, getAllCategories, deleteCategory } from "../components/categoryRoutes";
-import Toast from "../components/Toast";
-
-export default function CategoriesPage() {
-  const [categories, setCategories] = useState([]);
-  const [showToast, setShowToast] = useState(false);
-
-  useEffect(() => {
-    const fetchData = async () => {
-      try {
-        const fetchedCategories = (await getAllCategories()) as Category[];
-        setCategories(fetchedCategories as never);
-      } catch (error) {
-        console.log("Fetch categories failed.");
-      }
-    };
-
-    fetchData();
-  }, [categories]);
-
-  const onDeleteCategory = async (categoryId: string) => {
-    try {
-      console.log("Deleting category with ID:", categoryId);
-      await deleteCategory(categoryId);
-      setShowToast(true);
-    } catch (error) {
-      console.error("Error deleting category:", error);
-    }
-  };
-
-  const handleCloseToast = () => {
-    setShowToast(false);
-  };
-
-  return (
-    <div className="flex flex-col items-center justify-center min-h-screen w-screen overflow-auto p-20 bg-[#E5EFF5]">
-      <div className="flex flex-row justify-between w-5/6 mb-6">
-        <h1 className="text-start text-2xl font-bold">Global Search</h1>
-        <div>
-          <select className="px-3 py-1 bg-white" defaultValue="Filter by">
-            <option value="Alphabetical Order">Alphabetical Order</option>
-            <option value="Date added (Earliest)">Date added (Earliest)</option>
-            <option value="Date added (Latest)">Date added (Latest)</option>
-            <option value="Visibility">Visibility</option>
-          </select>
-        </div>
-      </div>
-      <div className="flex flex-col h-max w-5/6 p-10 rounded-md bg-white">
-        <div className="flex flex-row items-center justify-between mb-10">
-          <h2 className="text-2xl">All Categories</h2>
-          <div className="flex flex-row flex-wrap justify-end gap-2">
-            <button className="px-4 py-2 rounded-md text-white bg-[#00629B]">Edit Order</button>
-            <button className="px-4 py-2 rounded-md text-white bg-[#00629B]">+ Add Category</button>
-          </div>
-        </div>
-        <CategoryContainer
-          items={categories}
-          type={"Emergency"}
-          onDeleteCategory={onDeleteCategory}
-        ></CategoryContainer>
-        {showToast && (
-          <Toast
-            backgroundColor={"#000000"}
-            message={"Category deleted"}
-            onClose={handleCloseToast}
-          />
-        )}
-      </div>
-    </div>
-  );
-}
diff --git a/admin-portal-frontend/src/app/general-principles/page.tsx b/admin-portal-frontend/src/app/general-principles/page.tsx
deleted file mode 100644
index ea316e4..0000000
--- a/admin-portal-frontend/src/app/general-principles/page.tsx
+++ /dev/null
@@ -1,80 +0,0 @@
-"use client";
-
-import { useEffect, useState } from "react";
-import CategoryContainer from "../components/CategoryContainer";
-import { Category, getAllCategories, deleteCategory } from "../components/categoryRoutes";
-import Toast from "../components/Toast";
-
-export default function CategoriesPage() {
-  const [categories, setCategories] = useState([]);
-  const [showToast, setShowToast] = useState(false);
-
-  useEffect(() => {
-    const fetchData = async () => {
-      try {
-        const fetchedCategories = (await getAllCategories()) as Category[];
-        setCategories(fetchedCategories as never);
-      } catch (error) {
-        console.log("Fetch categories failed.");
-      }
-    };
-
-    fetchData();
-  }, [categories]);
-
-  const onDeleteCategory = async (categoryId: string) => {
-    try {
-      console.log("Deleting category with ID:", categoryId);
-      await deleteCategory(categoryId);
-      setShowToast(true);
-    } catch (error) {
-      console.error("Error deleting category:", error);
-    }
-  };
-
-  const handleCloseToast = () => {
-    setShowToast(false);
-  };
-
-  return (
-    <div className="flex flex-col items-center justify-center min-h-screen w-screen overflow-auto p-4 md:p-20 bg-[#E5EFF5]">
-      <div className="flex flex-row justify-between w-full md:w-5/6 lg:w-4/5 xl:w-3/4 mb-6">
-        <h1 className="text-start text-2xl font-bold">General Principles</h1>
-        <div>
-          <select className="px-3 py-1 bg-white">
-            <option disabled selected hidden>
-              Filter by
-            </option>
-            <option value="Alphabetical Order">Alphabetical Order</option>
-            <option value="Date added (Earliest)">Date added (Earliest)</option>
-            <option value="Date added (Latest)">Date added (Latest)</option>
-            <option value="Visibility">Visibility</option>
-          </select>
-        </div>
-      </div>
-      <div className="flex flex-col w-full md:w-11/12 lg:w-10/12 xl:w-9/12 p-4 md:p-10 rounded-md bg-white">
-        <div className="flex flex-row items-center justify-between mb-6 md:mb-10">
-          <h2 className="text-2xl">All Categories</h2>
-          <div className="flex flex-row flex-wrap justify-end gap-2">
-            <button className="px-4 py-2 rounded-md text-white bg-[#00629B] mr-2">
-              Edit Order
-            </button>
-            <button className="px-4 py-2 rounded-md text-white bg-[#00629B]">+ Add Category</button>
-          </div>
-        </div>
-        <CategoryContainer
-          items={categories}
-          type={"General Principle"}
-          onDeleteCategory={onDeleteCategory}
-        />
-        {showToast && (
-          <Toast
-            backgroundColor={"#000000"}
-            message={"Category deleted"}
-            onClose={handleCloseToast}
-          />
-        )}
-      </div>
-    </div>
-  );
-}