diff --git a/api/package-lock.json b/api/package-lock.json
index fe89805..ac76d88 100644
--- a/api/package-lock.json
+++ b/api/package-lock.json
@@ -18,7 +18,8 @@
       },
       "devDependencies": {
         "concurrently": "^9.0.1",
-        "nodemon": "^3.1.7"
+        "nodemon": "^3.1.7",
+        "prettier": "^3.4.1"
       }
     },
     "node_modules/accepts": {
@@ -1535,6 +1536,22 @@
         "node": ">=10"
       }
     },
+    "node_modules/prettier": {
+      "version": "3.4.1",
+      "resolved": "https://registry.npmjs.org/prettier/-/prettier-3.4.1.tgz",
+      "integrity": "sha512-G+YdqtITVZmOJje6QkXQWzl3fSfMxFwm1tjTyo9exhkmWSqC4Yhd1+lug++IlR2mvRVAxEDDWYkQdeSztajqgg==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "prettier": "bin/prettier.cjs"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/prettier/prettier?sponsor=1"
+      }
+    },
     "node_modules/proxy-addr": {
       "version": "2.0.7",
       "resolved": "https://registry.npmjs.org/proxy-addr/-/proxy-addr-2.0.7.tgz",
diff --git a/api/package.json b/api/package.json
index 3ed6c2a..6f9570f 100644
--- a/api/package.json
+++ b/api/package.json
@@ -21,6 +21,7 @@
   },
   "devDependencies": {
     "concurrently": "^9.0.1",
-    "nodemon": "^3.1.7"
+    "nodemon": "^3.1.7",
+    "prettier": "^3.4.1"
   }
 }
diff --git a/api/src/app.js b/api/src/app.js
index 8b33886..7e53a76 100644
--- a/api/src/app.js
+++ b/api/src/app.js
@@ -42,7 +42,10 @@ app.use((error, req, res, next) => {
   console.error(error);
   res
     .status(error.statusCode || 500)
-    .json({ message: error.message || "Server Error", details: error.details });
+    .json({
+      message: error.message || "Server Error",
+      details: error.details || "None",
+    });
 });
 
 app.listen(PORT, () => {
diff --git a/api/src/controllers/adminController.js b/api/src/controllers/adminController.js
index 565f04e..4520808 100644
--- a/api/src/controllers/adminController.js
+++ b/api/src/controllers/adminController.js
@@ -1,12 +1,14 @@
 /* Middleware to handle actions requiring admin authorization */
-const queries = require("../db/queries");
+const queries = require("../db/queries/adminQueries");
+const { selectAllFromTable } = require("../db/queries/appQueries");
 const { BadRequestError } = require("../lib/errorsClasses");
+const parseMonthRange = require("../lib/parseMonthRange");
 
 // Get all rows from a given table
 async function tableGet(req, res, next) {
   try {
     table = req.table;
-    const rows = await queries.selectAllFromTable(table);
+    const rows = await selectAllFromTable(table);
 
     return res.json({ message: "ok", rows });
   } catch (error) {
@@ -107,7 +109,7 @@ async function interactionsGet(req, res, next) {
       queries.selectInteractions(limit, offset),
     ]);
 
-    res.json({ message: "ok", total_rows, rows });
+    return res.json({ message: "ok", total_rows, rows });
   } catch (error) {
     return next(error);
   }
@@ -123,6 +125,66 @@ async function countTable(req, res, next) {
   }
 }
 
+async function adminReportGet(req, res, next) {
+  try {
+    const { startMonth, endMonth, category } = req.query;
+    if (!startMonth || !endMonth || !category) {
+      throw new BadRequestError("Start, end, and category must be provided");
+    }
+
+    if (!["type", "location", "format"].includes(category)) {
+      throw new BadRequestError("Invalid category provided");
+    }
+
+    // query database for cumulative interactions counts during range
+    const total_interactions = await queries.countInteractionsAdmin(
+      startMonth,
+      endMonth,
+    );
+    const total_detailed = await queries.countInteractionByCategoryAdmin(
+      startMonth,
+      endMonth,
+      category,
+    );
+
+    // parse range between start and end month
+    const range = parseMonthRange(startMonth, endMonth);
+    const monthly_details = [];
+    // query database for each month in range
+    for (const month of range) {
+      const rows = await queries.countInteractionsByCategoryByMonth(
+        month,
+        category,
+      );
+
+      const monthObject = {
+        month,
+      };
+
+      // push data from each row to new formatted object
+      for (const row of rows) {
+        monthObject[row.value] = row.number_of_interactions;
+      }
+
+      // push month object to monthly_details array
+      monthly_details.push(monthObject);
+    }
+
+    const keys = Object.keys(monthly_details[0]);
+
+    res.json({
+      message: "ok",
+      range,
+      total_interactions,
+      total_detailed,
+      monthly_details,
+      keys,
+    });
+  } catch (error) {
+    return next(error);
+  }
+}
+
 module.exports = {
   rowGetById,
   tableGet,
@@ -131,4 +193,5 @@ module.exports = {
   statsGet,
   interactionsGet,
   countTable,
+  adminReportGet,
 };
diff --git a/api/src/controllers/appController.js b/api/src/controllers/appController.js
index 99e444e..5e86718 100644
--- a/api/src/controllers/appController.js
+++ b/api/src/controllers/appController.js
@@ -2,7 +2,7 @@
 Middleware to handle actions not requiring admin authorization
  */
 
-const queries = require("../db/queries");
+const queries = require("../db/queries/appQueries");
 const { BadRequestError } = require("../lib/errorsClasses");
 
 // get all rows from types, locations, and formats tables
diff --git a/api/src/db/queries/adminQueries.js b/api/src/db/queries/adminQueries.js
new file mode 100644
index 0000000..c2b4cb5
--- /dev/null
+++ b/api/src/db/queries/adminQueries.js
@@ -0,0 +1,157 @@
+const db = require("../connection");
+const { DatabaseError } = require("../../lib/errorsClasses");
+
+// select paginated subsection of interactions table
+async function selectInteractions(limit, offset) {
+  try {
+    return await db("interactions")
+      .select(
+        "interactions.id",
+        "types.value as type",
+        "locations.value as location",
+        "formats.value as format",
+        "date",
+      )
+      .join("types", "interactions.type_id", "=", "types.id")
+      .join("locations", "interactions.location_id", "=", "locations.id")
+      .join("formats", "interactions.format_id", "=", "formats.id")
+      .limit(limit)
+      .offset(offset);
+  } catch (error) {
+    throw DatabaseError(error.message);
+  }
+}
+
+// Select row by id from a given table
+async function selectRowFromTable(table, id) {
+  try {
+    return await db(table).select("*").where("id", id).first();
+  } catch (error) {
+    throw new DatabaseError(error.message);
+  }
+}
+
+// Update row by id from a given table
+async function updateRowFromTable(table, id, values) {
+  try {
+    const rows = await db(table).where("id", id).update(values, ["*"]);
+    return rows[0];
+  } catch (error) {
+    throw new DatabaseError(error.message);
+  }
+}
+
+// Insert new row into specified table
+async function insertRow(table, row) {
+  try {
+    const rows = await db(table).insert(row, ["*"]);
+    return rows[0];
+  } catch (error) {
+    throw new DatabaseError(error.message);
+  }
+}
+
+// Count all rows in interactions table
+async function countAllInteractions() {
+  try {
+    const count = await db("interactions")
+      .count("interactions.id as total")
+      .first();
+
+    return count.total;
+  } catch (error) {
+    throw new DatabaseError(error.message);
+  }
+}
+
+// Count rows in interaction grouped by a given group
+async function countAllInteractionByGroup(group) {
+  try {
+    return await db(`${group}s`)
+      .select(`${group}s.id`, `${group}s.value`)
+      .count("interactions.id as total_interactions")
+      .leftJoin("interactions", `${group}s.id`, "=", `interactions.${group}_id`)
+      .groupBy(`${group}s.id`);
+  } catch (error) {
+    throw new DatabaseError(error.message);
+  }
+}
+
+async function countRowsInTable(table) {
+  try {
+    const rows = await db.raw(`SELECT COUNT(id) AS total_rows FROM  :table:`, {
+      table,
+    });
+
+    return rows[0].total_rows;
+  } catch (error) {
+    throw new DatabaseError(error.message);
+  }
+}
+
+async function countInteractionsAdmin(start, end) {
+  const rows = await db("interactions")
+    .count("* as total_interactions")
+    .whereRaw("strftime('%Y-%m', date) BETWEEN :start AND :end", {
+      start,
+      end,
+    })
+    .first();
+
+  return rows.total_interactions;
+}
+
+async function countInteractionByCategoryAdmin(start, end, category) {
+  const table = `${category}s`;
+
+  const row = await db(table)
+    .select(`${table}.id`, `${table}.value`)
+    .count("interactions.id as number_of_interactions")
+    .leftJoin("interactions", `${table}.id`, `interactions.${category}_id`)
+    .whereRaw("strftime('%Y-%m', date) BETWEEN :start AND :end", { start, end })
+    .groupBy(`${table}.id`);
+
+  const rows = await db(table)
+    .select(`${table}.id`, `${table}.value`)
+    .count("interactions.id as number_of_interactions")
+    .leftJoin(
+      db.raw(
+        "interactions ON ??=?? AND strftime('%Y-%m', interactions.date) BETWEEN ? AND ?",
+        [`${table}.id`, `interactions.${category}_id`, start, end],
+      ),
+    )
+    .groupBy(`${table}.id`);
+
+  return rows;
+}
+
+async function countInteractionsByCategoryByMonth(month, category) {
+  try {
+    const table = `${category}s`;
+
+    return await db(table)
+      .select(`${table}.id`, `${table}.value`)
+      .count("interactions.id as number_of_interactions")
+      .leftJoin(
+        db.raw(
+          "interactions ON ??=?? AND strftime('%Y-%m', interactions.date)=?",
+          [`interactions.${category}_id`, `${table}.id`, month],
+        ),
+      )
+      .groupBy(`${table}.id`);
+  } catch (error) {
+    throw new DatabaseError(error.message);
+  }
+}
+
+module.exports = {
+  selectInteractions,
+  selectRowFromTable,
+  updateRowFromTable,
+  insertRow,
+  countAllInteractionByGroup,
+  countRowsInTable,
+  countInteractionsAdmin,
+  countInteractionByCategoryAdmin,
+  countInteractionsByCategoryByMonth,
+};
diff --git a/api/src/db/queries.js b/api/src/db/queries/appQueries.js
similarity index 61%
rename from api/src/db/queries.js
rename to api/src/db/queries/appQueries.js
index 6039ede..377a88d 100644
--- a/api/src/db/queries.js
+++ b/api/src/db/queries/appQueries.js
@@ -1,26 +1,6 @@
-const db = require("./connection");
-const { getDateToday } = require("../lib/dates");
-const { DatabaseError } = require("../lib/errorsClasses");
-
-async function selectInteractions(limit, offset) {
-  try {
-    return await db("interactions")
-      .select(
-        "interactions.id",
-        "types.value as type",
-        "locations.value as location",
-        "formats.value as format",
-        "date",
-      )
-      .join("types", "interactions.type_id", "=", "types.id")
-      .join("locations", "interactions.location_id", "=", "locations.id")
-      .join("formats", "interactions.format_id", "=", "formats.id")
-      .limit(limit)
-      .offset(offset);
-  } catch (error) {
-    throw DatabaseError(error.message);
-  }
-}
+const db = require("../connection");
+const { getDateToday } = require("../../lib/dates");
+const { DatabaseError } = require("../../lib/errorsClasses");
 
 // Select all columns from given table
 async function selectAllFromTable(table) {
@@ -151,75 +131,7 @@ async function countInteractionsThisMonth() {
   }
 }
 
-// Select row by id from a given table
-async function selectRowFromTable(table, id) {
-  try {
-    return await db(table).select("*").where("id", id).first();
-  } catch (error) {
-    throw new DatabaseError(error.message);
-  }
-}
-
-// Update row by id from a given table
-async function updateRowFromTable(table, id, values) {
-  try {
-    const rows = await db(table).where("id", id).update(values, ["*"]);
-    return rows[0];
-  } catch (error) {
-    throw new DatabaseError(error.message);
-  }
-}
-
-// Insert new row into specified table
-async function insertRow(table, row) {
-  try {
-    const rows = await db(table).insert(row, ["*"]);
-    return rows[0];
-  } catch (error) {
-    throw new DatabaseError(error.message);
-  }
-}
-
-// Count all rows in interactions table
-async function countAllInteractions() {
-  try {
-    const count = await db("interactions")
-      .count("interactions.id as total")
-      .first();
-
-    return count.total;
-  } catch (error) {
-    throw new DatabaseError(error.message);
-  }
-}
-
-// Count rows in interaction grouped by a given group
-async function countAllInteractionByGroup(group) {
-  try {
-    return await db(`${group}s`)
-      .select(`${group}s.id`, `${group}s.value`)
-      .count("interactions.id as total_interactions")
-      .leftJoin("interactions", `${group}s.id`, "=", `interactions.${group}_id`)
-      .groupBy(`${group}s.id`);
-  } catch (error) {
-    throw new DatabaseError(error.message);
-  }
-}
-
-async function countRowsInTable(table) {
-  try {
-    const rows = await db.raw(`SELECT COUNT(id) AS total_rows FROM  :table:`, {
-      table,
-    });
-
-    return rows[0].total_rows;
-  } catch (error) {
-    throw new DatabaseError(error.message);
-  }
-}
-
 module.exports = {
-  selectInteractions,
   selectAllFromTable,
   insertInteraction,
   checkIfExists,
@@ -228,10 +140,4 @@ module.exports = {
   countInteractionsByCategory,
   countInteractionsByDay,
   countInteractionsThisMonth,
-  selectRowFromTable,
-  updateRowFromTable,
-  insertRow,
-  countAllInteractionByGroup,
-  countRowsInTable,
-  // countAllInteractions,
 };
diff --git a/api/src/lib/parseMonthRange.js b/api/src/lib/parseMonthRange.js
new file mode 100644
index 0000000..bf918a9
--- /dev/null
+++ b/api/src/lib/parseMonthRange.js
@@ -0,0 +1,40 @@
+const { BadRequestError } = require("./errorsClasses");
+
+function parseMonthRange(startMonth, endMonth) {
+  // Parse inputs to extract year and month
+  const [startYear, startMonthNum] = startMonth.split("-").map(Number);
+  const [endYear, endMonthNum] = endMonth.split("-").map(Number);
+
+  const dateMonthsArray = [];
+  let currentYear = startYear;
+  let currentMonth = startMonthNum;
+
+  // Validate inputs
+  if (
+    startYear > endYear ||
+    (startYear === endYear && startMonthNum > endMonthNum)
+  ) {
+    throw new BadRequestError(
+      "Start month must be before or equal to the end month.",
+    );
+  }
+
+  while (
+    currentYear < endYear ||
+    (currentYear === endYear && currentMonth <= endMonthNum)
+  ) {
+    const formattedMonth = String(currentMonth).padStart(2, "0"); // Ensure 2-digit month
+    dateMonthsArray.push(`${currentYear}-${formattedMonth}`);
+
+    // Increment month and adjust year if needed
+    currentMonth++;
+    if (currentMonth > 12) {
+      currentMonth = 1;
+      currentYear++;
+    }
+  }
+
+  return dateMonthsArray;
+}
+
+module.exports = parseMonthRange;
diff --git a/api/src/routes/adminRoutes.js b/api/src/routes/adminRoutes.js
index 43fff51..21e4408 100644
--- a/api/src/routes/adminRoutes.js
+++ b/api/src/routes/adminRoutes.js
@@ -29,8 +29,12 @@ router.get("/formats/:id", adminController.updateRowById);
 router.post("/formats", adminController.addNewRow);
 router.get("/formats", adminController.tableGet);
 
+// todo: rename to a more semantic route and controller name. (i.e /admin/summary/count?)
 router.get("/stats", adminController.statsGet);
+// todo: rename to a more semantic route and controller name. (i.e /admin/summary/interactions?)
 router.get("/interactions", adminController.interactionsGet);
 router.get("/count/:table", adminController.countTable);
 
+router.get("/report", adminController.adminReportGet);
+
 module.exports = router;
diff --git a/client/src/Admin.jsx b/client/src/Admin.jsx
index 3eec2ab..ba7d89d 100644
--- a/client/src/Admin.jsx
+++ b/client/src/Admin.jsx
@@ -59,6 +59,7 @@ function Admin() {
         navItems={[
           { label: "Back to App", route: "/" },
           { label: "Dashboard", route: "/admin" },
+          { label: "Reporting", route: "/admin/reporting" },
           { label: "Database", route: "/admin/database" },
         ]}
       />
diff --git a/client/src/components/Button.jsx b/client/src/components/Button.jsx
index 49d9adb..fa3bf01 100644
--- a/client/src/components/Button.jsx
+++ b/client/src/components/Button.jsx
@@ -1,9 +1,15 @@
 import PropTypes from "prop-types";
 import styles from "./Button.module.css";
 
-/*
+/**
  * Custom button component
- * Variant corresponds to styles in Button.module.css
+ * @param {string} [id] - prop to set `data-id` property of button
+ * @param {string} text - button text property
+ * @param {(e: Event) => void} [action] - button click callback function
+ * @param {'primary' | 'danger'} variant - styled button variant
+ * @param {'button' | 'submit'} type
+ * @param {Object} [style] - Optional React style object
+ * @returns {JSX.Element}
  */
 
 function Button({ id, text, action, variant, type, style }) {
@@ -23,8 +29,8 @@ function Button({ id, text, action, variant, type, style }) {
 Button.propTypes = {
   id: PropTypes.string,
   text: PropTypes.string.isRequired,
-  type: PropTypes.string.isRequired,
-  variant: PropTypes.string.isRequired,
+  type: PropTypes.oneOf(["button", "submit"]).isRequired,
+  variant: PropTypes.oneOf(["primary", "danger"]).isRequired,
   action: PropTypes.func,
   style: PropTypes.object,
 };
diff --git a/client/src/components/CardWrapper.jsx b/client/src/components/CardWrapper.jsx
index 75e19ac..ce2d984 100644
--- a/client/src/components/CardWrapper.jsx
+++ b/client/src/components/CardWrapper.jsx
@@ -1,7 +1,12 @@
 import styles from "./CardWrapper.module.css";
 import PropTypes from "prop-types";
 
-/* Wrapper to provide UI styling to elements */
+/**
+ * Wrapper to provide UI styling to children
+ * @param {React.ReactNode} children
+ * @param {Object} [style] - optional React inline styles
+ * @returns {JSX.Element}
+ */
 
 function CardWrapper({ children, style }) {
   return (
diff --git a/client/src/components/CountReport.jsx b/client/src/components/CountReport.jsx
index 714669a..597d067 100644
--- a/client/src/components/CountReport.jsx
+++ b/client/src/components/CountReport.jsx
@@ -8,6 +8,13 @@ import styles from "./CountReport.module.css";
  *     id, value, number_of_interactions
  */
 
+/**
+ * Component used to display count summary on app report page
+ * @param {string} title - report title
+ * @param {{id: number, value: string, number_of_interaction: number}} count - report from database
+ * @returns {JSX.Element}
+ */
+
 function CountReport({ title, count }) {
   return (
     <div className={styles.report}>
diff --git a/client/src/components/DateInput.jsx b/client/src/components/DateInput.jsx
index d7943aa..7fe153c 100644
--- a/client/src/components/DateInput.jsx
+++ b/client/src/components/DateInput.jsx
@@ -3,16 +3,27 @@ import styles from "./DateInput.module.css";
 
 /* Custom date input with label and callback */
 
-function DateInput({ label, value, handleChange }) {
-  const id = label.toLowerCase();
+/**
+ * Custom date input with label and callback
+ * @param {string} id
+ * @param {string} label
+ * @param {'date' | 'month'} type
+ * @param {string} value
+ * @param {(e: Event) => void} handleChange
+ * @returns {JSX.Element}
+ */
 
+function DateInput({ id, label, type, value, handleChange }) {
   return (
     <div className={styles.date}>
-      <label htmlFor={id} className={styles.label}>{`${label} Date`}</label>
+      <label htmlFor={id} className={styles.label}>
+        {label}
+      </label>
       <input
-        type="date"
+        type={type}
         name={id}
         id={id}
+        placeholder={type === "month" ? "YYYY-MM" : undefined}
         value={value}
         onChange={handleChange}
       />
@@ -23,7 +34,9 @@ function DateInput({ label, value, handleChange }) {
 export default DateInput;
 
 DateInput.propTypes = {
+  id: PropTypes.string.isRequired,
   label: PropTypes.string.isRequired,
+  type: PropTypes.oneOf(["date", "month"]).isRequired,
   value: PropTypes.string.isRequired,
   handleChange: PropTypes.func.isRequired,
 };
diff --git a/client/src/components/ErrorComponent.jsx b/client/src/components/ErrorComponent.jsx
index 31df3c4..f92cba2 100644
--- a/client/src/components/ErrorComponent.jsx
+++ b/client/src/components/ErrorComponent.jsx
@@ -1,6 +1,11 @@
 import PropTypes from "prop-types";
 
-/* Error message page */
+/**
+ * Custom error component used throughout app
+ * @param {string} status - HTTP status code represented as a string
+ * @returns {JSX.Element}
+ * @constructor
+ */
 
 function ErrorComponent({ status }) {
   return (
diff --git a/client/src/components/Form.jsx b/client/src/components/Form.jsx
index 7d72076..fd6a836 100644
--- a/client/src/components/Form.jsx
+++ b/client/src/components/Form.jsx
@@ -1,6 +1,16 @@
 import PropTypes from "prop-types";
 import styles from "./Form.module.css";
 
+/**
+ * Custom form component used to render and display form elements
+ * @param {(e: Event) => void} [onSubmit] - callback function to run when form is submitted
+ * @param {string} [title] - optional form title
+ * @param {Object} [style] - optional React inline styles
+ * @param {React.ReactNode} children
+ * @returns {JSX.Element}
+ * @constructor
+ */
+
 function Form({ onSubmit, title, style, children }) {
   return (
     <form onSubmit={onSubmit} className={styles.form} style={style}>
diff --git a/client/src/components/Modal.jsx b/client/src/components/Modal.jsx
index aac1e03..276ecdc 100644
--- a/client/src/components/Modal.jsx
+++ b/client/src/components/Modal.jsx
@@ -3,7 +3,15 @@ import PropTypes from "prop-types";
 import styles from "./Modal.module.css";
 import Button from "./Button";
 
-/* Utility modal component */
+/**
+ * Custom modal component
+ * @param {boolean} isOpen
+ * @param {(boolean) => void} setIsOpen
+ * @param {React.ReactNode} children
+ * @param {Object} [style]
+ * @returns {JSX.Element}
+ * @constructor
+ */
 
 function Modal({ isOpen, setIsOpen, children, style }) {
   const modalRef = useRef(null);
diff --git a/client/src/components/Nav.jsx b/client/src/components/Nav.jsx
index 9216557..78484e7 100644
--- a/client/src/components/Nav.jsx
+++ b/client/src/components/Nav.jsx
@@ -2,7 +2,12 @@ import { NavLink } from "react-router-dom";
 import PropTypes from "prop-types";
 import styles from "./Nav.module.css";
 
-/* App navigation menu */
+/**
+ * Add navigation menu component
+ * @param  {Array<{label: string, route: string}>} navItems
+ * @returns {JSX.Element}
+ * @constructor
+ */
 
 function Nav({ navItems }) {
   return (
diff --git a/client/src/components/SelectInput.jsx b/client/src/components/SelectInput.jsx
index 10e5db8..fb9d7fb 100644
--- a/client/src/components/SelectInput.jsx
+++ b/client/src/components/SelectInput.jsx
@@ -1,16 +1,23 @@
 import PropTypes from "prop-types";
 import styles from "./SelectInput.module.css";
 
-/* Custom select input with label, options, and callback */
+/**
+ * Custom select input with id, label, options, and a callback
+ * @param {string} id
+ * @param {string} label
+ * @param {Array<{id: number | string, value: string}>}options
+ * @param {(e: Event) => void} handleChange
+ * @param {string} value
+ * @returns {JSX.Element}
+ * @constructor
+ */
 
-function SelectInput({ label, options, handleChange, value }) {
+function SelectInput({ id, label, options, handleChange, value }) {
   const style = {
     display: "flex",
     flexDirection: "column",
   };
 
-  const id = label.toLowerCase();
-
   return (
     <div style={style} className={styles.customSelect}>
       <label htmlFor={id} className={styles.label}>
@@ -29,8 +36,14 @@ function SelectInput({ label, options, handleChange, value }) {
 }
 
 SelectInput.propTypes = {
+  id: PropTypes.string.isRequired,
   label: PropTypes.string.isRequired,
-  options: PropTypes.array.isRequired,
+  options: PropTypes.arrayOf(
+    PropTypes.shape({
+      id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,
+      value: PropTypes.string.isRequired,
+    }),
+  ).isRequired,
   handleChange: PropTypes.func.isRequired,
   value: PropTypes.string.isRequired,
 };
diff --git a/client/src/components/TabSelector.jsx b/client/src/components/TabSelector.jsx
index bda9035..b6e8524 100644
--- a/client/src/components/TabSelector.jsx
+++ b/client/src/components/TabSelector.jsx
@@ -1,7 +1,14 @@
 import PropTypes from "prop-types";
 import styles from "./TabSelector.module.css";
 
-/* Custom tab selector element */
+/**
+ * Custom tab selector component
+ * @param {Arry<{id: string, label: string}>} tabs
+ * @param {(e: Event) => void} handleClick
+ * @param {string} activeTab
+ * @returns {JSX.Element}
+ * @constructor
+ */
 
 function TabSelector({ tabs, handleClick, activeTab }) {
   return (
diff --git a/client/src/components/Table.jsx b/client/src/components/Table.jsx
index ba43484..2c0ef67 100644
--- a/client/src/components/Table.jsx
+++ b/client/src/components/Table.jsx
@@ -6,6 +6,17 @@ import Button from "../components/Button.jsx";
  * Component to parse and render a given dataset in a table format
  */
 
+/**
+ * Table component to parse and render a given dataset
+ * @param {Array<Object>} rows - dataset being rendered by table
+ * @param {Array<{key: string, label: value}>} columns - array representing columns in given dataset
+ * @param {Object} [style] - optional react styles object
+ * @param {boolean} [readonly] - boolean value to toggle readonly table mode
+ * @param {{text: string, action: (e: Event) => void}} [button] - optional button for editable tables
+ * @returns {JSX.Element}
+ * @constructor
+ */
+
 function Table({ rows, columns, style, readonly, button }) {
   return (
     <div className={styles.table} style={style}>
diff --git a/client/src/lib/parseMonthInput.js b/client/src/lib/parseMonthInput.js
new file mode 100644
index 0000000..9403ac2
--- /dev/null
+++ b/client/src/lib/parseMonthInput.js
@@ -0,0 +1,18 @@
+/**
+ * Validates dates strings for YYYY-MM format
+ * @param {Array<string>} inputs
+ * @returns {Array<boolean>}
+ */
+
+export default function parseMonthInput(inputs) {
+  const regex = /[0-9]{4}-[0-9]{2}/;
+  const results = [];
+  for (const input of inputs) {
+    const match = input.match(regex);
+
+    if (!match || match[0] !== input) results.push(false);
+    else results.push(true);
+  }
+
+  return results;
+}
diff --git a/client/src/lib/response.js b/client/src/lib/response.js
index f60137c..afcdfc2 100644
--- a/client/src/lib/response.js
+++ b/client/src/lib/response.js
@@ -1,5 +1,9 @@
-/*
-Helper functions to validate API responses
+/**
+ * Helper function to validate API responses
+ * @param {Response} res
+ * @param {Object} json
+ * @param {() => void} setAuth
+ * @returns {void}
  */
 
 export function validateAdminResponse(res, json, setAuth) {
diff --git a/client/src/pages-admin/Dashboard/Dashboard.jsx b/client/src/pages-admin/Dashboard/Dashboard.jsx
index 09ba95d..1a308a6 100644
--- a/client/src/pages-admin/Dashboard/Dashboard.jsx
+++ b/client/src/pages-admin/Dashboard/Dashboard.jsx
@@ -2,13 +2,18 @@ import { Navigate, useOutletContext } from "react-router-dom";
 import DashboardStats from "./DashboardStats.jsx";
 import DashboardTable from "./DashboardTable.jsx";
 
+/**
+ * Dashboard page in admin app
+ * @returns {JSX.Element}
+ */
+
 function Dashboard() {
   const { auth } = useOutletContext();
 
   if (!auth) return <Navigate to={"/admin/login"} />;
 
   return (
-    <div>
+    <div style={{ margin: "0 2.5rem" }}>
       <DashboardStats />
       <DashboardTable />
     </div>
diff --git a/client/src/pages-admin/Dashboard/DashboardStats.jsx b/client/src/pages-admin/Dashboard/DashboardStats.jsx
index d769411..900002e 100644
--- a/client/src/pages-admin/Dashboard/DashboardStats.jsx
+++ b/client/src/pages-admin/Dashboard/DashboardStats.jsx
@@ -14,6 +14,11 @@ import {
 import { validateAdminResponse } from "../../lib/response.js";
 import ErrorComponent from "../../components/ErrorComponent.jsx";
 
+/**
+ * Component used to fetch and render database stats
+ * @returns {JSX.Element}
+ */
+
 function DashboardStats() {
   const COLORS = ["#0088FE", "#00C49F", "#FFBB28", "#FF8042", "#185c36"];
   const { apihost, auth, setAuth } = useOutletContext();
@@ -117,7 +122,7 @@ function DashboardStats() {
                     <div>
                       {row.total_interactions} (
                       {(
-                        (parseFloat(row.total_interactions) /
+                        (parseInt(row.total_interactions) /
                           parseInt(stats.count_total)) *
                         100
                       ).toFixed()}
diff --git a/client/src/pages-admin/Dashboard/DashboardTable.jsx b/client/src/pages-admin/Dashboard/DashboardTable.jsx
index 718d1d1..5a3f32d 100644
--- a/client/src/pages-admin/Dashboard/DashboardTable.jsx
+++ b/client/src/pages-admin/Dashboard/DashboardTable.jsx
@@ -7,6 +7,11 @@ import CardWrapper from "../../components/CardWrapper.jsx";
 import ErrorComponent from "../../components/ErrorComponent.jsx";
 import { validateAdminResponse } from "../../lib/response.js";
 
+/**
+ * Component used to fetch and render all rows in interactions table
+ * @returns {JSX.Element}
+ */
+
 function DashboardTable() {
   const { apihost, auth, setAuth } = useOutletContext();
   const [rows, setRows] = useState([]);
@@ -35,7 +40,6 @@ function DashboardTable() {
         validateAdminResponse(res, json, setAuth);
 
         const total = Math.ceil(json.total_rows / limit);
-        console.log(total);
         setTotalPages(total);
       } catch (error) {
         console.error(error);
diff --git a/client/src/pages-admin/Database/Database.jsx b/client/src/pages-admin/Database/Database.jsx
index c97f03a..2da3abb 100644
--- a/client/src/pages-admin/Database/Database.jsx
+++ b/client/src/pages-admin/Database/Database.jsx
@@ -1,7 +1,3 @@
-/*
-Database page in app admin area. Contains DatabaseTable and DatabaseModal components to help organize code.
- */
-
 import { Navigate, useOutletContext } from "react-router-dom";
 import { useState } from "react";
 import TabSelector from "../../components/TabSelector.jsx";
@@ -9,6 +5,11 @@ import DatabaseTable from "./DatabaseTable.jsx";
 import DatabaseModal from "./DatabaseModal.jsx";
 import styles from "./Database.module.css";
 
+/**
+ * Database page in admin app
+ * @returns {JSX.Element}
+ */
+
 function Database() {
   const { auth } = useOutletContext();
   const [activeTab, setActiveTab] = useState("");
diff --git a/client/src/pages-admin/Database/DatabaseModal.jsx b/client/src/pages-admin/Database/DatabaseModal.jsx
index 48bd69f..fd89bea 100644
--- a/client/src/pages-admin/Database/DatabaseModal.jsx
+++ b/client/src/pages-admin/Database/DatabaseModal.jsx
@@ -13,6 +13,16 @@ import Form from "../../components/Form.jsx";
 import Button from "../../components/Button.jsx";
 import { validateAdminResponse } from "../../lib/response.js";
 
+/**
+ * Modal component used to add and edit rows in database tables
+ * @param {string} table
+ * @param {string} rowId
+ * @param {boolean} modalOpen
+ * @param {() => void} setModalOpen
+ * @param {() => void} setRefresh
+ * @returns {JSX.Element}
+ */
+
 function DatabaseModal({ table, rowId, modalOpen, setModalOpen, setRefresh }) {
   /* Component State */
   const { apihost, auth, setAuth } = useOutletContext();
@@ -133,7 +143,7 @@ function DatabaseModal({ table, rowId, modalOpen, setModalOpen, setRefresh }) {
       style={{ width: "fit-content" }}
     >
       <Form
-        title={mode === "updating"}
+        title={mode === "updating" ? "Update Row" : "Add Row"}
         onSubmit={submitForm}
         style={{
           width: "100%",
diff --git a/client/src/pages-admin/Database/DatabaseTable.jsx b/client/src/pages-admin/Database/DatabaseTable.jsx
index 1ce2dff..f4a7a45 100644
--- a/client/src/pages-admin/Database/DatabaseTable.jsx
+++ b/client/src/pages-admin/Database/DatabaseTable.jsx
@@ -1,8 +1,3 @@
-/*
-Table wrapper component for Database.jsx.
-Responsible for fetching and rendering table rows using the app's table component.
- */
-
 import { useState, useEffect } from "react";
 import PropTypes from "prop-types";
 import { useOutletContext } from "react-router-dom";
@@ -12,6 +7,15 @@ import Table from "../../components/Table.jsx";
 import Button from "../../components/Button.jsx";
 import { validateAdminResponse } from "../../lib/response.js";
 
+/**
+ * Component used to fetch and render database table rows
+ * @param {string} table
+ * @param {(string) => void} setRowId
+ * @param {(boolean) => void} setModalOpen
+ * @param {number} refresh
+ * @returns {JSX.Element}
+ */
+
 function DatabaseTable({ table, setRowId, setModalOpen, refresh }) {
   const { apihost, auth, setAuth } = useOutletContext();
   const [rows, setRows] = useState([]);
diff --git a/client/src/pages-admin/Reporting/Reporting.jsx b/client/src/pages-admin/Reporting/Reporting.jsx
new file mode 100644
index 0000000..c26db8b
--- /dev/null
+++ b/client/src/pages-admin/Reporting/Reporting.jsx
@@ -0,0 +1,48 @@
+import ReportingParams from "./ReportingParams.jsx";
+import { Navigate, useOutletContext } from "react-router-dom";
+import { useState } from "react";
+import ReportingDisplay from "./ReportingDisplay.jsx";
+import Button from "../../components/Button.jsx";
+
+/**
+ * Admin reporting page in admin app
+ * @returns {JSX.Element}
+ */
+
+function Reporting() {
+  const defaultParams = {
+    startMonth: "",
+    endMonth: "",
+    category: "",
+  };
+  const { auth } = useOutletContext();
+  const [params, setParams] = useState(defaultParams);
+
+  function updateParams(param, value) {
+    setParams((prevParams) => {
+      return { ...prevParams, [param]: value };
+    });
+  }
+
+  function resetParams() {
+    setParams(defaultParams);
+  }
+
+  if (!auth) return <Navigate to={"/admin/login"} />;
+
+  return (
+    <div
+      style={{
+        display: "flex",
+        flexDirection: "column",
+        gap: "1rem",
+        alignItems: "center",
+      }}
+    >
+      <ReportingParams params={params} updateParams={updateParams} />
+      <ReportingDisplay params={params} resetParams={resetParams} />
+    </div>
+  );
+}
+
+export default Reporting;
diff --git a/client/src/pages-admin/Reporting/ReportingDisplay.jsx b/client/src/pages-admin/Reporting/ReportingDisplay.jsx
new file mode 100644
index 0000000..b73b6ca
--- /dev/null
+++ b/client/src/pages-admin/Reporting/ReportingDisplay.jsx
@@ -0,0 +1,222 @@
+import PropTypes from "prop-types";
+import { useState, useEffect } from "react";
+import { useOutletContext } from "react-router-dom";
+import { validateAdminResponse } from "../../lib/response.js";
+import { toast } from "react-hot-toast";
+import parseMonthInput from "../../lib/parseMonthInput.js";
+import CardWrapper from "../../components/CardWrapper.jsx";
+import {
+  Cell,
+  Legend,
+  Line,
+  LineChart,
+  Pie,
+  PieChart,
+  ResponsiveContainer,
+  Tooltip,
+  XAxis,
+  YAxis,
+} from "recharts";
+import Button from "../../components/Button.jsx";
+const COLORS = ["#0088FE", "#00C49F", "#FFBB28", "#FF8042", "#185c36"];
+
+/**
+ * A React component to fetch and render admin report data
+ * @param {{startMonth: string, endMonth: string, categoy: string}} params Parameters for admin report
+ * @param {() => void} resetParams
+ * @returns {JSX.Element}
+ */
+
+function ReportingDisplay({ params, resetParams }) {
+  const { auth, apihost, setAuth } = useOutletContext();
+  const [report, setReport] = useState(null);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState(null);
+
+  useEffect(() => {
+    // perform async fetch operation
+    (async () => {
+      try {
+        // check that params form is complete
+        const { startMonth, endMonth, category } = params;
+        // early return if form is incomplete
+        if (!startMonth || !endMonth || !category) return;
+
+        const results = parseMonthInput([startMonth, endMonth]);
+        if (results.includes(false))
+          throw new Error("Months must be in YYYY-MM format");
+
+        // define fetch url and options
+        const url = `${apihost}/admin/report?startMonth=${startMonth}&endMonth=${endMonth}&category=${category}`;
+        const options = {
+          method: "GET",
+          headers: {
+            "Content-Type": "application/json",
+            Authorization: `${auth.token_type} ${auth.token}`,
+          },
+        };
+
+        const res = await fetch(url, options);
+        const json = await res.json();
+
+        // validate API response
+        validateAdminResponse(res, json, setAuth);
+
+        console.log(json);
+
+        setReport(json);
+        setLoading(false);
+        setError(null);
+      } catch (error) {
+        console.error(error);
+        toast.error(error.message);
+        setLoading(false);
+        setError({ message: error.message });
+      }
+
+      // clean up state
+      return () => {
+        setReport(null);
+        setLoading(true);
+        setError(null);
+      };
+    })();
+  }, [params]);
+
+  function resetReport() {
+    setReport(null);
+    setLoading(true);
+    setError(null);
+    resetParams();
+  }
+
+  //   if params are incomplete or error has occurred
+  if (loading) return <div>Set your report parameters above</div>;
+  if (error) return <div>Error loading report -- {error.message}</div>;
+
+  return (
+    <div style={{ width: "75%", margin: "0 2.5rem" }}>
+      <div
+        style={{
+          margin: "auto",
+          display: "flex",
+          gap: "2rem",
+          alignItems: "center",
+          justifyContent: "center",
+        }}
+      >
+        {/* todo : extract into separate component */}
+        <CardWrapper
+          style={{
+            textAlign: "center",
+            alignContent: "center",
+            height: "fit-content",
+            width: "fit-content",
+
+            padding: "1rem 2.5rem",
+          }}
+        >
+          <div style={{ fontWeight: "bold" }}>Total Interactions</div>
+          <div>{report.total_interactions}</div>
+        </CardWrapper>
+        {/* todo : extract into separate component */}
+        <CardWrapper style={{ width: "60%" }}>
+          <ResponsiveContainer width="100%" height={275}>
+            <PieChart>
+              <Pie
+                data={report.total_detailed}
+                dataKey={"number_of_interactions"}
+                nameKey={"value"}
+                label={false}
+                labelLine={false}
+                animationBegin={0}
+                animationDuration={1000}
+              >
+                {report.total_detailed.map((row, index) => (
+                  <Cell key={row.id} fill={COLORS[index % COLORS.length]} />
+                ))}
+              </Pie>
+              <Tooltip />
+              <Legend
+                layout={"vertical"}
+                verticalAlign={"middle"}
+                align={"right"}
+                content={() => (
+                  <ul style={{ listStyle: "none", padding: "1rem" }}>
+                    {report.total_detailed.map((row, index) => (
+                      <li
+                        key={row.id}
+                        style={{
+                          color: COLORS[index % COLORS.length],
+                          display: "flex",
+                          justifyContent: "space-between",
+                          gap: "1rem",
+                          padding: ".25rem 0",
+                        }}
+                      >
+                        <span>{row.value}</span>
+                        <span>
+                          {row.number_of_interactions} (
+                          {(
+                            (row.number_of_interactions /
+                              report.total_interactions) *
+                            100
+                          ).toFixed()}
+                          %)
+                        </span>
+                      </li>
+                    ))}
+                  </ul>
+                )}
+              />
+            </PieChart>
+          </ResponsiveContainer>
+        </CardWrapper>
+      </div>
+      <div style={{ marginTop: "1rem" }}>
+        {/* todo : extract into separate component */}
+        <CardWrapper style={{ width: "90%", margin: "auto" }}>
+          <ResponsiveContainer width="100%" height={275}>
+            <LineChart data={report.monthly_details}>
+              {report.keys.map(
+                (key, index) =>
+                  key !== "month" && (
+                    <Line
+                      key={index}
+                      type={"monotone"}
+                      dataKey={key}
+                      stroke={COLORS[index % COLORS.length]}
+                      strokeWidth={1.375}
+                    />
+                  ),
+              )}
+              <XAxis dataKey={"month"} />
+              <YAxis />
+              <Legend />
+              <Tooltip />
+            </LineChart>
+          </ResponsiveContainer>
+        </CardWrapper>
+      </div>
+      <div style={{ width: "fit-content", margin: "auto", padding: "1rem" }}>
+        <Button
+          type={"button"}
+          variant={"primary"}
+          text={"Reset Report"}
+          action={resetReport}
+        />
+      </div>
+    </div>
+  );
+}
+
+ReportingDisplay.propTypes = {
+  params: PropTypes.shape({
+    startMonth: PropTypes.string.isRequired,
+    endMonth: PropTypes.string.isRequired,
+    category: PropTypes.string.isRequired,
+  }),
+  resetParams: PropTypes.func.isRequired,
+};
+
+export default ReportingDisplay;
diff --git a/client/src/pages-admin/Reporting/ReportingParams.jsx b/client/src/pages-admin/Reporting/ReportingParams.jsx
new file mode 100644
index 0000000..c6ba2fd
--- /dev/null
+++ b/client/src/pages-admin/Reporting/ReportingParams.jsx
@@ -0,0 +1,72 @@
+import PropTypes from "prop-types";
+import Form from "../../components/Form.jsx";
+import SelectInput from "../../components/SelectInput.jsx";
+import DateInput from "../../components/DateInput.jsx";
+
+/**
+ * Component to capture admin report params user input
+ * @param {{startMonth: string, endMonth: string, category: string}} params Admin report params
+ * @param {function} updateParams Callback function to update report params
+ * @return {JSX.Element}
+ */
+
+const categories = [
+  { id: "type", value: "Types" },
+  { id: "format", value: "Formats" },
+  { id: "location", value: "Locations" },
+];
+
+function ReportingParams({ params, updateParams }) {
+  function handleFormChange(e) {
+    const param = e.target.id;
+    const value = e.target.value;
+    updateParams(param, value);
+  }
+
+  return (
+    <div>
+      <Form>
+        <div style={{ display: "flex", flexDirection: "row", gap: "1rem" }}>
+          <div>
+            <DateInput
+              id={"startMonth"}
+              label={"Starting Month"}
+              type={"month"}
+              value={params.startMonth}
+              handleChange={handleFormChange}
+            />
+          </div>
+          <div>
+            <DateInput
+              id={"endMonth"}
+              label={"Ending Month"}
+              value={params.endMonth}
+              type={"month"}
+              handleChange={handleFormChange}
+            />
+          </div>
+          <div>
+            <SelectInput
+              id={"category"}
+              label={"Category"}
+              options={categories}
+              value={params.category}
+              handleChange={handleFormChange}
+            />
+          </div>
+        </div>
+      </Form>
+    </div>
+  );
+}
+
+ReportingParams.propTypes = {
+  params: PropTypes.shape({
+    startMonth: PropTypes.string.isRequired,
+    endMonth: PropTypes.string.isRequired,
+    category: PropTypes.string.isRequired,
+  }),
+  updateParams: PropTypes.func.isRequired,
+};
+
+export default ReportingParams;
diff --git a/client/src/pages/Home.jsx b/client/src/pages/Home.jsx
index 7f38f59..84a4d1f 100644
--- a/client/src/pages/Home.jsx
+++ b/client/src/pages/Home.jsx
@@ -7,6 +7,11 @@ import ErrorComponent from "../components/ErrorComponent.jsx";
 
 import styles from "./Home.module.css";
 
+/**
+ * App homepage component
+ * @returns {JSX.Element}
+ */
+
 function Home() {
   const { apihost, options } = useOutletContext();
   const [effectTrigger, setEffectTrigger] = useState(true);
diff --git a/client/src/pages/Record.jsx b/client/src/pages/Record.jsx
index cb5d4c2..db86ed9 100644
--- a/client/src/pages/Record.jsx
+++ b/client/src/pages/Record.jsx
@@ -15,6 +15,11 @@ const defaultFormState = {
   format: "",
 };
 
+/**
+ * App recording page component
+ * @returns {JSX.Element}
+ */
+
 function Record() {
   // Component state
   const { apihost, options } = useOutletContext();
@@ -87,18 +92,21 @@ function Record() {
         style={{ margin: "auto ", width: "max(20%, 350px)" }}
       >
         <SelectInput
+          id={"type"}
           label="Type"
           options={options.types}
           handleChange={handleSelectChange}
           value={formState.type}
         />
         <SelectInput
+          id={"location"}
           label="Location"
           options={options.locations}
           handleChange={handleSelectChange}
           value={formState.location}
         />
         <SelectInput
+          id={"format"}
           label="Format"
           options={options.formats}
           handleChange={handleSelectChange}
diff --git a/client/src/pages/Report.jsx b/client/src/pages/Report.jsx
index a54c86f..ed20c12 100644
--- a/client/src/pages/Report.jsx
+++ b/client/src/pages/Report.jsx
@@ -26,6 +26,11 @@ import CountReport from "../components/CountReport";
 import CardWrapper from "../components/CardWrapper";
 import TabSelector from "../components/TabSelector.jsx";
 
+/**
+ * App report page component
+ * @returns {JSX.Element}
+ */
+
 function Report() {
   const defaultFormState = {
     start: "",
@@ -134,16 +139,21 @@ function Report() {
       >
         <div style={{ display: "flex", flexDirection: "row", gap: "1rem" }}>
           <DateInput
-            label="Start"
+            id={"start"}
+            label="Starting Date"
+            type="date"
             value={formState.start}
             handleChange={handleDateChange}
           />
           <DateInput
-            label="End"
+            id={"end"}
+            label="Ending Date"
+            type="date"
             value={formState.end}
             handleChange={handleDateChange}
           />
           <SelectInput
+            id={"location"}
             label="Location"
             options={options.locations}
             handleChange={handleSelectChange}
diff --git a/client/src/routes.jsx b/client/src/routes.jsx
index 591ac77..539105f 100644
--- a/client/src/routes.jsx
+++ b/client/src/routes.jsx
@@ -7,6 +7,7 @@ import Admin from "./Admin.jsx";
 import Login from "./pages-admin/Login.jsx";
 import Dashboard from "./pages-admin/Dashboard/Dashboard.jsx";
 import Database from "./pages-admin/Database/Database.jsx";
+import Reporting from "./pages-admin/Reporting/Reporting.jsx";
 
 const routes = [
   {
@@ -26,6 +27,7 @@ const routes = [
       { index: true, element: <Dashboard /> },
       { path: "login", element: <Login /> },
       { path: "database", element: <Database /> },
+      { path: "reporting", element: <Reporting /> },
     ],
   },
 ];
diff --git a/http-requests/admin.http b/http-requests/admin.http
index 2b7d1f1..3d8f232 100644
--- a/http-requests/admin.http
+++ b/http-requests/admin.http
@@ -24,6 +24,10 @@ Authorization: Bearer eyJhbGciOiJIUzI1NiJ9.Mzc3MWRlYTkwYTc4NjllNzdjMTc.z8ZJjS4aS
 GET http://localhost:3001/admin/interactions?page=1&limit=20
 Authorization: Bearer eyJhbGciOiJIUzI1NiJ9.Mzc3MWRlYTkwYTc4NjllNzdjMTc.z8ZJjS4aSbhn6NnoW65WIWZWRzxxVUsIUEzwInvHnew
 
-### GET /count/:table
+### GET /admin/count/:table
 GET http://localhost:3001/admin/count/interactions
-Authorization: Bearer eyJhbGciOiJIUzI1NiJ9.Mzc3MWRlYTkwYTc4NjllNzdjMTc.z8ZJjS4aSbhn6NnoW65WIWZWRzxxVUsIUEzwInvHnew
\ No newline at end of file
+Authorization: Bearer eyJhbGciOiJIUzI1NiJ9.Mzc3MWRlYTkwYTc4NjllNzdjMTc.z8ZJjS4aSbhn6NnoW65WIWZWRzxxVUsIUEzwInvHnew
+
+### Admin report
+GET http://localhost:3001/admin/report?startMonth=2024-11&endMonth=2024-12&category=location
+Authorization: Bearer eyJhbGciOiJIUzI1NiJ9.Mzc3MWRlYTkwYTc4NjllNzdjMTc.z8ZJjS4aSbhn6NnoW65WIWZWRzxxVUsIUEzwInvHnew