diff --git a/components/forms/signupForm.tsx b/components/forms/signupForm.tsx
index 724ffe974..6f8f33022 100644
--- a/components/forms/signupForm.tsx
+++ b/components/forms/signupForm.tsx
@@ -1,3 +1,4 @@
+import { TERMS_OF_SERVICE_URL } from '@root/constants/externalLinks';
 import { blueButton } from '@root/helpers/className';
 import classNames from 'classnames';
 import Link from 'next/link';
@@ -219,7 +220,7 @@ export default function SignupForm({ recaptchaPublicKey }: SignupFormProps) {
             <div className='flex gap-3'>
               <input type='checkbox' id='terms_agree_checkbox' required />
               <label htmlFor='terms_agree_checkbox' className='text-xs'>
-                I agree to the <a className='underline' href='https://docs.google.com/document/d/e/2PACX-1vR4E-RcuIpXSrRtR3T3y9begevVF_yq7idcWWx1A-I9w_VRcHhPTkW1A7DeUx2pGOcyuKifEad3Qokn/pub' rel='noreferrer' target='_blank'>terms of service</a> and reviewed the <a className='underline' href='https://docs.google.com/document/d/e/2PACX-1vSNgV3NVKlsgSOEsnUltswQgE8atWe1WCLUY5fQUVjEdu_JZcVlRkZcpbTOewwe3oBNa4l7IJlOnUIB/pub' rel='noreferrer' target='_blank'>privacy policy</a>.
+                I agree to the <a className='underline' href={TERMS_OF_SERVICE_URL} rel='noreferrer' target='_blank'>terms of service</a> and reviewed the <a className='underline' href='https://docs.google.com/document/d/e/2PACX-1vSNgV3NVKlsgSOEsnUltswQgE8atWe1WCLUY5fQUVjEdu_JZcVlRkZcpbTOewwe3oBNa4l7IJlOnUIB/pub' rel='noreferrer' target='_blank'>privacy policy</a>.
               </label>
             </div>
             <div className='flex justify-center'>
diff --git a/components/level/info/levelDropdown.tsx b/components/level/info/levelDropdown.tsx
index f1b242718..2188ce5b7 100644
--- a/components/level/info/levelDropdown.tsx
+++ b/components/level/info/levelDropdown.tsx
@@ -3,8 +3,10 @@ import ArchiveLevelModal from '@root/components/modal/archiveLevelModal';
 import DeleteLevelModal from '@root/components/modal/deleteLevelModal';
 import EditLevelModal from '@root/components/modal/editLevelModal';
 import PublishLevelModal from '@root/components/modal/publishLevelModal';
+import ReportModal from '@root/components/modal/reportModal';
 import SaveToCollectionModal from '@root/components/modal/saveToCollectionModal';
 import UnpublishLevelModal from '@root/components/modal/unpublishLevelModal';
+import { ReportType } from '@root/constants/ReportType';
 import { AppContext } from '@root/contexts/appContext';
 import { PageContext } from '@root/contexts/pageContext';
 import isCurator from '@root/helpers/isCurator';
@@ -27,13 +29,17 @@ export default function LevelDropdown({ level }: LevelDropdownProps) {
   const [isSaveToCollectionOpen, setIsSaveToCollectionOpen] = useState(false);
   const [isUnpublishLevelOpen, setIsUnpublishLevelOpen] = useState(false);
   const { mutatePlayLater, playLater, user } = useContext(AppContext);
-  const { setPreventKeyDownEvent } = useContext(PageContext);
+  const { setPreventKeyDownEvent, setModal } = useContext(PageContext);
 
   const isAuthor = level.userId === user?._id || level.userId._id === user?._id;
   const canEdit = isAuthor || isCurator(user);
   const boldedLevelName = <span className='font-bold'>{level.name}</span>;
   const isInPlayLater = !!(playLater && playLater[level._id.toString()]);
 
+  const modal = <ReportModal targetId={level._id.toString()} reportType={ReportType.LEVEL} />;
+  const reportLevel = async () => {
+    setModal(modal);
+  };
   const fetchPlayLater = async (remove: boolean) => {
     if (!user) {
       return;
@@ -324,7 +330,28 @@ export default function LevelDropdown({ level }: LevelDropdownProps) {
                 </>
               }
             </>}
+            <Menu.Item>
+              {({ active }) => (
+                <div
+                  className={classNames('flex w-full items-center rounded-md cursor-pointer px-3 py-2 gap-3 text-yellow-500')}
+                  onClick={() => {
+                    reportLevel();
+                  }}
+                  style={{
+                    backgroundColor: active ? 'var(--bg-color-3)' : undefined,
+                  }}
+                >
+                  <svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' className='bi bi-exclamation-triangle' viewBox='0 0 16 16'>
+                    <path d='M7.938 2.016A.13.13 0 0 1 8.002 2a.13.13 0 0 1 .063.016.15.15 0 0 1 .054.057l6.857 11.667c.036.06.035.124.002.183a.2.2 0 0 1-.054.06.1.1 0 0 1-.066.017H1.146a.1.1 0 0 1-.066-.017.2.2 0 0 1-.054-.06.18.18 0 0 1 .002-.183L7.884 2.073a.15.15 0 0 1 .054-.057m1.044-.45a1.13 1.13 0 0 0-1.96 0L.165 13.233c-.457.778.091 1.767.98 1.767h13.713c.889 0 1.438-.99.98-1.767z' />
+                    <path d='M7.002 12a1 1 0 1 1 2 0 1 1 0 0 1-2 0M7.1 5.995a.905.905 0 1 1 1.8 0l-.35 3.507a.552.552 0 0 1-1.1 0z' />
+                  </svg>
+                  Report
+                </div>
+              )}
+            </Menu.Item>
+
           </div>
+
         </Menu.Items>
       </Transition>
     </Menu>
diff --git a/components/level/reviews/commentThread.tsx b/components/level/reviews/commentThread.tsx
index 244db572d..abbca0338 100644
--- a/components/level/reviews/commentThread.tsx
+++ b/components/level/reviews/commentThread.tsx
@@ -1,6 +1,10 @@
+import { Menu, Transition } from '@headlessui/react';
+import ReportModal from '@root/components/modal/reportModal';
+import { ReportType } from '@root/constants/ReportType';
+import { PageContext } from '@root/contexts/pageContext';
 import classNames from 'classnames';
 import { Types } from 'mongoose';
-import React, { useContext, useEffect, useRef, useState } from 'react';
+import React, { Fragment, useContext, useEffect, useRef, useState } from 'react';
 import toast from 'react-hot-toast';
 import ReactTextareaAutosize from 'react-textarea-autosize';
 import { KeyedMutator } from 'swr';
@@ -30,6 +34,11 @@ export default function CommentThread({ className, comment, mutateComments, onSe
   const [totalRows, setTotalRows] = useState(comment.totalReplies || 0);
   const [page, setPage] = useState(0);
   const { user } = useContext(AppContext);
+  const { setModal } = useContext(PageContext);
+  const modal = <ReportModal targetId={comment._id.toString()} reportType={ReportType.COMMENT} />;
+  const reportComment = async () => {
+    setModal(modal);
+  };
 
   useEffect(() => {
     const urlParams = new URLSearchParams(window.location.search);
@@ -189,6 +198,45 @@ export default function CommentThread({ className, comment, mutateComments, onSe
           }
           <FormattedDate date={comment.createdAt} />
         </div>
+        { user && comment.author._id !== user._id && <Menu as='div' className='relative'>
+          <Menu.Button className='flex items-center' id='dropdownMenuBtn' aria-label='dropdown menu'>
+            <svg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' strokeWidth={1.5} stroke='currentColor' className='w-6 h-6 hover:opacity-100 opacity-50'>
+              <path strokeLinecap='round' strokeLinejoin='round' d='M12 6.75a.75.75 0 110-1.5.75.75 0 010 1.5zM12 12.75a.75.75 0 110-1.5.75.75 0 010 1.5zM12 18.75a.75.75 0 110-1.5.75.75 0 010 1.5z' />
+            </svg>
+          </Menu.Button>
+          <Transition
+            as={Fragment}
+            enter='transition ease-out duration-100'
+            enterFrom='transform opacity-0 scale-95'
+            enterTo='transform opacity-100 scale-100'
+            leave='transition ease-in duration-75'
+            leaveFrom='transform opacity-100 scale-100'
+            leaveTo='transform opacity-0 scale-95'
+          >
+            <Menu.Items className='absolute right-0 m-1 w-fit origin-top-right rounded-[10px] shadow-lg border z-20 bg-1 border-color-3'>
+              <Menu.Item>
+                {({ active }) => (
+                  <div
+                    className={classNames('flex w-full items-center rounded-md cursor-pointer px-3 py-2 gap-3 text-yellow-500')}
+                    onClick={() => {
+                      reportComment();
+                    }}
+                    style={{
+                      backgroundColor: active ? 'var(--bg-color-3)' : undefined,
+                    }}
+                  >
+                    <svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' className='bi bi-exclamation-triangle' viewBox='0 0 16 16'>
+                      <path d='M7.938 2.016A.13.13 0 0 1 8.002 2a.13.13 0 0 1 .063.016.15.15 0 0 1 .054.057l6.857 11.667c.036.06.035.124.002.183a.2.2 0 0 1-.054.06.1.1 0 0 1-.066.017H1.146a.1.1 0 0 1-.066-.017.2.2 0 0 1-.054-.06.18.18 0 0 1 .002-.183L7.884 2.073a.15.15 0 0 1 .054-.057m1.044-.45a1.13 1.13 0 0 0-1.96 0L.165 13.233c-.457.778.091 1.767.98 1.767h13.713c.889 0 1.438-.99.98-1.767z' />
+                      <path d='M7.002 12a1 1 0 1 1 2 0 1 1 0 0 1-2 0M7.1 5.995a.905.905 0 1 1 1.8 0l-.35 3.507a.552.552 0 0 1-1.1 0z' />
+                    </svg>
+                  Report
+                  </div>
+                )}
+              </Menu.Item>
+            </Menu.Items>
+          </Transition>
+        </Menu>
+        }
         {(comment.author._id.toString() === user?._id.toString() || (user?._id === comment.target)) && (
           <button
             className='text-white font-bold p-1 rounded-lg text-sm disabled:opacity-25 '
diff --git a/components/level/reviews/formattedReview.tsx b/components/level/reviews/formattedReview.tsx
index 13e665db8..6830d7dbc 100644
--- a/components/level/reviews/formattedReview.tsx
+++ b/components/level/reviews/formattedReview.tsx
@@ -94,6 +94,7 @@ export default function FormattedReview({ hideBorder, inModal, level, onEditClic
             </div>
             {onEditClick && user && (
               <ReviewDropdown
+                review={review}
                 inModal={inModal}
                 onEditClick={onEditClick}
                 userId={user._id.toString()}
diff --git a/components/level/reviews/reviewDropdown.tsx b/components/level/reviews/reviewDropdown.tsx
index 724a6ac08..bf13a52ab 100644
--- a/components/level/reviews/reviewDropdown.tsx
+++ b/components/level/reviews/reviewDropdown.tsx
@@ -1,19 +1,26 @@
 import { Menu, Transition } from '@headlessui/react';
+import ReportModal from '@root/components/modal/reportModal';
+import { ReportType } from '@root/constants/ReportType';
 import { AppContext } from '@root/contexts/appContext';
 import { LevelContext } from '@root/contexts/levelContext';
 import { PageContext } from '@root/contexts/pageContext';
 import isCurator from '@root/helpers/isCurator';
+import isGuest from '@root/helpers/isGuest';
+import Review from '@root/models/db/review';
 import classNames from 'classnames';
 import React, { Fragment, useContext, useState } from 'react';
+import toast from 'react-hot-toast';
 import DeleteReviewModal from '../../modal/deleteReviewModal';
 
 interface ReviewDropdownProps {
+  review: Review
   inModal?: boolean;
   onEditClick: () => void;
   userId: string;
 }
 
-export default function ReviewDropdown({ inModal, onEditClick, userId }: ReviewDropdownProps) {
+export default function ReviewDropdown({ inModal, onEditClick, userId, review }: ReviewDropdownProps) {
+  const { setModal } = useContext(PageContext);
   const [isDeleteReviewOpen, setIsDeleteReviewOpen] = useState(false);
   const levelContext = useContext(LevelContext);
   const { setPreventKeyDownEvent } = useContext(PageContext);
@@ -22,10 +29,15 @@ export default function ReviewDropdown({ inModal, onEditClick, userId }: ReviewD
   const canEdit = userId === user?._id.toString() || isCurator(user);
   const isNotAuthor = user?._id.toString() !== userId;
 
-  if (!canEdit) {
+  if (!user || isGuest(user)) {
     return null;
   }
 
+  const modal = <ReportModal targetId={review._id.toString()} reportType={ReportType.REVIEW} />;
+  const reportReview = async () => {
+    setModal(modal);
+  };
+
   return (<>
     <Menu as='div' className='relative'>
       <Menu.Button className='flex items-center' id='dropdownMenuBtn' aria-label='dropdown menu'>
@@ -45,6 +57,25 @@ export default function ReviewDropdown({ inModal, onEditClick, userId }: ReviewD
         <Menu.Items className='absolute right-0 m-1 w-fit origin-top-right rounded-[10px] shadow-lg border z-20 bg-1 border-color-3'>
           <div className='px-1 py-1'>
             <Menu.Item>
+              {({ active }) => (
+                <div
+                  className={classNames('flex w-full items-center rounded-md cursor-pointer px-3 py-2 gap-3 text-yellow-500')}
+                  onClick={() => {
+                    reportReview();
+                  }}
+                  style={{
+                    backgroundColor: active ? 'var(--bg-color-3)' : undefined,
+                  }}
+                >
+                  <svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' className='bi bi-exclamation-triangle' viewBox='0 0 16 16'>
+                    <path d='M7.938 2.016A.13.13 0 0 1 8.002 2a.13.13 0 0 1 .063.016.15.15 0 0 1 .054.057l6.857 11.667c.036.06.035.124.002.183a.2.2 0 0 1-.054.06.1.1 0 0 1-.066.017H1.146a.1.1 0 0 1-.066-.017.2.2 0 0 1-.054-.06.18.18 0 0 1 .002-.183L7.884 2.073a.15.15 0 0 1 .054-.057m1.044-.45a1.13 1.13 0 0 0-1.96 0L.165 13.233c-.457.778.091 1.767.98 1.767h13.713c.889 0 1.438-.99.98-1.767z' />
+                    <path d='M7.002 12a1 1 0 1 1 2 0 1 1 0 0 1-2 0M7.1 5.995a.905.905 0 1 1 1.8 0l-.35 3.507a.552.552 0 0 1-1.1 0z' />
+                  </svg>
+                  Report
+                </div>
+              )}
+            </Menu.Item>
+            {canEdit && <Menu.Item>
               {({ active }) => (
                 <div
                   className={classNames('flex w-full items-center rounded-md cursor-pointer px-3 py-2 gap-3', { 'text-red-500': isNotAuthor })}
@@ -60,7 +91,8 @@ export default function ReviewDropdown({ inModal, onEditClick, userId }: ReviewD
                 </div>
               )}
             </Menu.Item>
-            <Menu.Item>
+            }
+            { canEdit && <Menu.Item>
               {({ active }) => (
                 <div
                   className={classNames('flex w-full items-center rounded-md cursor-pointer px-3 py-2 gap-3', { 'text-red-500': isNotAuthor })}
@@ -82,6 +114,7 @@ export default function ReviewDropdown({ inModal, onEditClick, userId }: ReviewD
                 </div>
               )}
             </Menu.Item>
+            }
           </div>
         </Menu.Items>
       </Transition>
diff --git a/components/modal/reportModal.tsx b/components/modal/reportModal.tsx
new file mode 100644
index 000000000..18c09d666
--- /dev/null
+++ b/components/modal/reportModal.tsx
@@ -0,0 +1,148 @@
+import { TERMS_OF_SERVICE_URL } from '@root/constants/externalLinks';
+import { ReportReason } from '@root/constants/ReportReason';
+import { ReportType } from '@root/constants/ReportType';
+import { PageContext } from '@root/contexts/pageContext';
+import Link from 'next/link';
+import React, { useContext, useEffect, useState } from 'react';
+import toast from 'react-hot-toast';
+import Modal from '.';
+
+interface ReportModalProps {
+    targetId: string;
+    reportType: ReportType;
+
+    }
+
+export default function ReportModal({ targetId, reportType }: ReportModalProps) {
+  const { setModal, setPreventKeyDownEvent } = useContext(PageContext);
+  const [reason, setReason] = useState<ReportReason | ''>('');
+  const [message, setMessage] = useState('');
+  const fileReport = async () => {
+    const confirm = window.confirm('Are you sure you want to report this ' + reportType.toLocaleLowerCase() + '?');
+
+    if (!confirm) {
+      return;
+    }
+
+    const res = await fetch('/api/report', {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json',
+      },
+      body: JSON.stringify({
+        targetId: targetId,
+        reportReason: 'OTHER',
+        reportType: reportType,
+        message: reason,
+      }),
+    });
+    const resp = await res.json();
+
+    toast.dismiss();
+
+    if (res.status !== 200) {
+      toast.error(resp.error || 'Error reporting this ' + reportType.toLocaleLowerCase() + '. Please try again later.');
+
+      return;
+    }
+
+    toast.success('Report filed successfully. Please allow some time for review!');
+    setModal(null);
+  };
+
+  useEffect(() => {
+    setPreventKeyDownEvent(true);
+
+    return () => {
+      setPreventKeyDownEvent(false);
+    };
+  }
+  , [setPreventKeyDownEvent]);
+  const reportReasons = {
+    [ReportType.COMMENT]: [ReportReason.SPAM, ReportReason.HARASSMENT],
+    [ReportType.LEVEL]: [ReportReason.SPAM, ReportReason.HARASSMENT],
+    [ReportType.REVIEW]: [ReportReason.SPAM, ReportReason.HARASSMENT, ReportReason.REVIEW_BOMBING],
+  };
+  const reasonDisplayName = {
+    [ReportReason.HARASSMENT]: 'Harassment',
+    [ReportReason.OTHER]: 'Other',
+    [ReportReason.REVIEW_BOMBING]: 'Review bombing',
+    [ReportReason.SPAM]: 'Spam',
+  };
+
+  const resasonTypeTipsBullets = {
+    [ReportReason.HARASSMENT]: [
+      'The vibe of our community is meant to be positive and welcoming. Please report any behavior that goes against this.',
+      'Harrassment is words or behavior that are intended to offend, threaten, or demeans a person.',
+      'DO NOT respond to harrassment with more harrassment. That is also against the rules. Just report it.',
+      'Remember, disagreement is not harrassment. Please only report if the review is clearly intended to offend or threaten.',
+    ],
+    [ReportReason.REVIEW_BOMBING]: [
+      'Review bombing is when an individual leaves reviews with the intent to manipulate the rating of a level.',
+      'Please only report review bombing if you have evidence that the reviews are not genuine.',
+      'Simply disagreeing with a review does not make it review bombing.',
+    ],
+    [ReportReason.SPAM]: [
+      'Spam is any content that is irrelevant or unsolicited.',
+      'Please report any content that is not relevant to the site or is intended to promote something.',
+    ],
+    [ReportReason.OTHER]: [
+      'If you are reporting for a reason not listed here, please provide a detailed explanation in the message box.',
+    ],
+
+  };
+
+  return (
+    <Modal
+      title='Report'
+      isOpen={true}
+      closeModal={() => {
+        setPreventKeyDownEvent(false);
+        setModal(null);
+      }}
+    >
+      <div className='flex flex-col gap-4'>
+        <label htmlFor='reason' className='text-sm'>Flag this {reportType.toLowerCase()} for violating the <Link className='underline' href={TERMS_OF_SERVICE_URL}>Thinky.gg terms</Link>.</label>
+        <select
+          id='reason'
+          className='border border-color-3 rounded-md p-2'
+          value={reason}
+          onChange={(e) => setReason(e.target.value as ReportReason)}
+        >
+          <option value='' disabled>
+            Select a reason
+          </option>
+          {reportReasons[reportType].concat(ReportReason.OTHER).map((reason) => (
+            <option key={reason} value={reason}>
+              {reasonDisplayName[reason]}
+            </option>
+          ))}
+        </select>
+        {reason && (
+          <ul className='text-sm list-disc pl-4'>
+            {resasonTypeTipsBullets[reason].map((bullet: string) => (
+              <li key={bullet}>{bullet}</li>
+            ))}
+          </ul>
+        )}
+        <textarea
+          id='message'
+          className='border border-color-3 rounded-md p-2'
+          value={message}
+          placeholder={'Please provide a reason for reporting this ' + reportType.toLocaleLowerCase() + '.'}
+          onChange={e => setMessage(e.target.value)}
+        />
+        <button
+          className='bg-blue-500 enabled:hover:bg-blue-600 text-white w-full font-medium py-2 px-3 rounded disabled:opacity-50'
+          disabled={!reason}
+          onClick={fileReport}
+        >
+            File report
+        </button>
+        <span className='text-xs text-center text-gray-500'>
+            By reporting this review, you agree to our <Link className='underline' href={TERMS_OF_SERVICE_URL}>terms of service</Link>. Abusing filing a report is also against the rules.
+        </span>
+      </div>
+    </Modal>
+  );
+}
diff --git a/components/page/page.tsx b/components/page/page.tsx
index 1e4724fe0..93bee948a 100644
--- a/components/page/page.tsx
+++ b/components/page/page.tsx
@@ -37,7 +37,7 @@ export default function Page({
   const [preventKeyDownEvent, setPreventKeyDownEvent] = useState(false);
   const router = useRouter();
   const [showHeader, setShowHeader] = useState(true);
-
+  const [modal, setModal] = useState<React.JSX.Element | null>(null);
   const isNavDropdown = deviceInfo.screenSize < ScreenSize.XL || isFullScreen;
   const isNavOnPage = !isNavDropdown && showNav && (!game.isNotAGame || router.pathname !== '/');
 
@@ -59,11 +59,14 @@ export default function Page({
       setPreventKeyDownEvent: setPreventKeyDownEvent,
       setShowHeader: setShowHeader,
       showHeader: showHeader,
+      setModal: setModal,
+      modal: modal,
     }}>
       <div
         className={classNames('flex flex-col', { 'fixed inset-0 overflow-hidden': isFullScreen })}
         style={style}
       >
+        {modal !== null && modal}
         {showHeader &&
           <Header
             folders={folders}
diff --git a/constants/ReportReason.tsx b/constants/ReportReason.tsx
new file mode 100644
index 000000000..a135841b9
--- /dev/null
+++ b/constants/ReportReason.tsx
@@ -0,0 +1,6 @@
+export enum ReportReason {
+  HARASSMENT = 'HARASSMENT',
+  SPAM = 'SPAM',
+  REVIEW_BOMBING = 'REVIEW_BOMBING',
+  OTHER = 'OTHER'
+}
diff --git a/constants/ReportStatus.tsx b/constants/ReportStatus.tsx
new file mode 100644
index 000000000..f8689ba29
--- /dev/null
+++ b/constants/ReportStatus.tsx
@@ -0,0 +1,6 @@
+
+export enum ReportStatus {
+  OPEN = 'OPEN',
+  REVIEWING = 'REVIEWING',
+  CLOSED = 'CLOSED'
+}
diff --git a/constants/ReportType.tsx b/constants/ReportType.tsx
new file mode 100644
index 000000000..faf92ffb5
--- /dev/null
+++ b/constants/ReportType.tsx
@@ -0,0 +1,5 @@
+export enum ReportType {
+  LEVEL = 'Level',
+  COMMENT = 'Comment',
+  REVIEW = 'Review'
+}
diff --git a/constants/externalLinks.ts b/constants/externalLinks.ts
new file mode 100644
index 000000000..236a8e526
--- /dev/null
+++ b/constants/externalLinks.ts
@@ -0,0 +1 @@
+export const TERMS_OF_SERVICE_URL = 'https://docs.google.com/document/d/e/2PACX-1vR4E-RcuIpXSrRtR3T3y9begevVF_yq7idcWWx1A-I9w_VRcHhPTkW1A7DeUx2pGOcyuKifEad3Qokn/pub';
diff --git a/contexts/pageContext.ts b/contexts/pageContext.ts
index 8e4499a8c..3b00a388b 100644
--- a/contexts/pageContext.ts
+++ b/contexts/pageContext.ts
@@ -4,12 +4,17 @@ interface PageContextInterface {
   preventKeyDownEvent: boolean;
   setPreventKeyDownEvent: React.Dispatch<React.SetStateAction<boolean>>;
   setShowHeader: React.Dispatch<React.SetStateAction<boolean>>;
+  // should set to a component
+  setModal: React.Dispatch<React.SetStateAction<React.JSX.Element | null>>;
   showHeader: boolean;
+  modal: React.JSX.Element | null;
 }
 
 export const PageContext = createContext<PageContextInterface>({
   preventKeyDownEvent: false,
   setPreventKeyDownEvent: () => {},
   setShowHeader: () => {},
+  setModal: () => {},
   showHeader: true,
+  modal: null,
 });
diff --git a/models/db/report.d.ts b/models/db/report.d.ts
new file mode 100644
index 000000000..91dadd3a6
--- /dev/null
+++ b/models/db/report.d.ts
@@ -0,0 +1,16 @@
+import { ReportReason } from '@root/pages/api/report/ReportReason';
+import { ReportType } from '@root/constants/ReportType';
+
+interface Report {
+    createdAt: Date;
+    updatedAt: Date;
+    reporter: User;
+    reportedUser: User;
+    reportedEntity: Collection | Level | Comment | Review;
+    reportedEntityModel: ReportType;
+    entityType: ReportEntityType;
+    reasonType: ReportReason;
+    message: string;
+    status: ReportStatus;
+    statusReason: string;
+}
diff --git a/models/mongoose.ts b/models/mongoose.ts
index a95f88889..3a92839ea 100644
--- a/models/mongoose.ts
+++ b/models/mongoose.ts
@@ -15,6 +15,7 @@ import Notification from './db/notification';
 import PlayAttempt from './db/playAttempt';
 import QueueMessage from './db/queueMessage';
 import Record from './db/record';
+import { Report } from './db/report';
 import Review from './db/review';
 import Stat from './db/stat';
 import { StripeEvent } from './db/stripeEvent';
@@ -36,6 +37,7 @@ import NotificationSchema from './schemas/notificationSchema';
 import PlayAttemptSchema from './schemas/playAttemptSchema';
 import QueueMessageSchema from './schemas/queueMessageSchema';
 import RecordSchema from './schemas/recordSchema';
+import ReportSchema from './schemas/reportSchema';
 import ReviewSchema from './schemas/reviewSchema';
 import StatSchema from './schemas/statSchema';
 import StripeEventSchema from './schemas/stripeEventSchema';
@@ -65,3 +67,4 @@ export const CampaignModel = mongoose.models.Campaign || mongoose.model<Campaign
 export const EmailLogModel = mongoose.models.EmailLog || mongoose.model<EmailLog>('EmailLog', EmailLogSchema);
 export const AchievementModel = mongoose.models.Achievement || mongoose.model<Achievement>('Achievement', AchievementSchema);
 export const StripeEventModel = mongoose.models.StripeEvent || mongoose.model<StripeEvent>('StripeEvent', StripeEventSchema);
+export const ReportModel = mongoose.models.Report || mongoose.model<Report>('Report', ReportSchema);
diff --git a/models/schemas/reportSchema.ts b/models/schemas/reportSchema.ts
new file mode 100644
index 000000000..fab69c7a2
--- /dev/null
+++ b/models/schemas/reportSchema.ts
@@ -0,0 +1,37 @@
+import mongoose from 'mongoose';
+import { Report } from '../db/report';
+
+const ReportSchema = new mongoose.Schema<Report>({
+  reporter: {
+    type: mongoose.Schema.Types.ObjectId,
+    ref: 'User',
+    required: true,
+  },
+  reportedUser: {
+    type: mongoose.Schema.Types.ObjectId,
+    ref: 'User',
+    required: true,
+  },
+  reportedEntity: {
+    type: mongoose.Schema.Types.ObjectId,
+    required: true,
+  },
+  reportedEntityModel: {
+    type: String,
+    required: true,
+  },
+  reasonType: {
+    type: String,
+    required: true,
+  },
+
+  message: {
+    type: String,
+    required: false,
+    default: '',
+  },
+});
+
+ReportSchema.index({ reporter: 1, reportedUser: 1, reportedEntity: 1 }, { unique: true });
+
+export default ReportSchema;
diff --git a/pages/[subdomain]/play-as-guest/index.tsx b/pages/[subdomain]/play-as-guest/index.tsx
index 8df6f97bb..e327d6527 100644
--- a/pages/[subdomain]/play-as-guest/index.tsx
+++ b/pages/[subdomain]/play-as-guest/index.tsx
@@ -1,6 +1,7 @@
 import FormTemplate from '@root/components/forms/formTemplate';
 import Page from '@root/components/page/page';
 import StyledTooltip from '@root/components/page/styledTooltip';
+import { TERMS_OF_SERVICE_URL } from '@root/constants/externalLinks';
 import { AppContext } from '@root/contexts/appContext';
 import { blueButton } from '@root/helpers/className';
 import { getUserFromToken } from '@root/lib/withAuth';
@@ -208,7 +209,7 @@ export default function PlayAsGuest({ recaptchaPublicKey }: PlayAsGuestProps) {
                 <li>Your progress is saved and you can convert to a regular account later</li>
                 <li>You cannot review or create levels with a guest account</li>
                 <li>Your guest account may be deleted after 7 days of no activity</li>
-                <li>By creating a guest account you agree to our <a className='underline' href='https://docs.google.com/document/d/e/2PACX-1vR4E-RcuIpXSrRtR3T3y9begevVF_yq7idcWWx1A-I9w_VRcHhPTkW1A7DeUx2pGOcyuKifEad3Qokn/pub' rel='noreferrer' target='_blank'>terms of service</a> and reviewed the <a className='underline' href='https://docs.google.com/document/d/e/2PACX-1vSNgV3NVKlsgSOEsnUltswQgE8atWe1WCLUY5fQUVjEdu_JZcVlRkZcpbTOewwe3oBNa4l7IJlOnUIB/pub' rel='noreferrer' target='_blank'>privacy policy</a></li>
+                <li>By creating a guest account you agree to our <a className='underline' href={TERMS_OF_SERVICE_URL} rel='noreferrer' target='_blank'>terms of service</a> and reviewed the <a className='underline' href='https://docs.google.com/document/d/e/2PACX-1vSNgV3NVKlsgSOEsnUltswQgE8atWe1WCLUY5fQUVjEdu_JZcVlRkZcpbTOewwe3oBNa4l7IJlOnUIB/pub' rel='noreferrer' target='_blank'>privacy policy</a></li>
               </ul>
               {recaptchaPublicKey && showRecaptcha ?
                 <ReCAPTCHA
diff --git a/pages/api/report/index.tsx b/pages/api/report/index.tsx
new file mode 100644
index 000000000..dc767ea12
--- /dev/null
+++ b/pages/api/report/index.tsx
@@ -0,0 +1,97 @@
+import DiscordChannel from '@root/constants/discordChannel';
+import { GameId } from '@root/constants/GameId';
+import queueDiscordWebhook from '@root/helpers/discordWebhook';
+import { getGameFromId } from '@root/helpers/getGameIdFromReq';
+import { logger } from '@root/helpers/logger';
+import Comment from '@root/models/db/comment';
+import Level from '@root/models/db/level';
+import Review from '@root/models/db/review';
+import { CommentModel, LevelModel, ReportModel, ReviewModel } from '@root/models/mongoose';
+import type { NextApiResponse } from 'next';
+import { ReportReason } from '../../../constants/ReportReason';
+import { ReportStatus } from '../../../constants/ReportStatus';
+import { ReportType } from '../../../constants/ReportType';
+import { ValidEnum, ValidObjectId, ValidType } from '../../../helpers/apiWrapper';
+import withAuth, { NextApiRequestWithAuth } from '../../../lib/withAuth';
+
+export default withAuth({
+  POST: {
+    body: {
+      targetId: ValidObjectId(true),
+      reportReason: ValidEnum(Object.values(ReportReason), true),
+      reportType: ValidEnum(Object.values(ReportType), true),
+      message: ValidType('string', true),
+    },
+  },
+}, async (req: NextApiRequestWithAuth, res: NextApiResponse) => {
+  const { targetId, reportReason, reportType, message } = req.body;
+
+  let url = '';
+  const userReporting = req.user;
+
+  let userBeingReported, reportEntityObj = null;
+
+  switch (reportType) {
+  case ReportType.LEVEL: {
+    reportEntityObj = await LevelModel.findById(targetId) as Level;
+    const game = getGameFromId(reportEntityObj.gameId);
+
+    url = game.baseUrl + `/level/${reportEntityObj.slug}`;
+    userBeingReported = reportEntityObj.userId;
+    break;
+  }
+
+  case ReportType.COMMENT: {
+    // report comment
+    url = `/comments/${targetId}`;
+    reportEntityObj = (await CommentModel.findById(targetId).populate('target')) as Comment;
+    const game = getGameFromId(GameId.THINKY);
+
+    url = game.baseUrl + `/profile/${reportEntityObj.target}`;
+    userBeingReported = reportEntityObj.author;
+    break;
+  }
+
+  case ReportType.REVIEW: {
+    // report review
+    reportEntityObj = (await ReviewModel.findById(targetId).populate('levelId userId')) as Review;
+
+    const game = getGameFromId(reportEntityObj.gameId);
+
+    url = game.baseUrl + `/level/${reportEntityObj.levelId.slug}`;
+    userBeingReported = reportEntityObj.userId;
+    break;
+  }
+  }
+
+  if (!reportEntityObj) {
+    return res.status(404).json({ error: 'Could not find entity to report. It may have been deleted.' });
+  }
+
+  if (!userBeingReported) {
+    return res.status(404).json({ error: 'Could not find user to report. They may be been deleted.' });
+  }
+
+  try {
+    await ReportModel.create({
+      reporter: userReporting._id,
+      reportedUser: userBeingReported,
+      reportedEntity: targetId,
+      reported: userBeingReported,
+      reportedEntityModel: reportType,
+      reasonType: reportReason,
+      status: ReportStatus.OPEN,
+      message: message,
+    }, );
+  } catch (err) {
+    logger.error(err);
+
+    return res.status(400).json({ error: 'You have already reported this. Please wait for it to be reviewed.' });
+  }
+
+  const content = `User ${userReporting.name} reported a ${reportType} by user ${userBeingReported.name} for reason ${reportReason} with message: ${message}. [Link](${url})`;
+
+  await queueDiscordWebhook( DiscordChannel.DevPriv, content);
+
+  return res.status(200).json({ success: true });
+});
diff --git a/tests/pages/api/report/report.test.ts b/tests/pages/api/report/report.test.ts
new file mode 100644
index 000000000..3c7da904e
--- /dev/null
+++ b/tests/pages/api/report/report.test.ts
@@ -0,0 +1,124 @@
+import { ReportReason } from '@root/constants/ReportReason';
+import { ReportType } from '@root/constants/ReportType';
+import { logger } from '@root/helpers/logger';
+import handler from '@root/pages/api/report/index';
+import { enableFetchMocks } from 'jest-fetch-mock';
+import { testApiHandler } from 'next-test-api-route-handler';
+import { Logger } from 'winston';
+import TestId from '../../../../constants/testId';
+import queueDiscordWebhook from '../../../../helpers/discordWebhook';
+import dbConnect, { dbDisconnect } from '../../../../lib/dbConnect';
+import { getTokenCookieValue } from '../../../../lib/getTokenCookie';
+import { NextApiRequestWithAuth } from '../../../../lib/withAuth';
+
+// Mock queueDiscordWebhook
+jest.mock('../../../../helpers/discordWebhook', () => jest.fn());
+
+beforeAll(async () => {
+  await dbConnect();
+});
+afterEach(() => {
+  jest.clearAllMocks();
+});
+afterAll(async () => {
+  await dbDisconnect();
+});
+enableFetchMocks();
+
+describe('pages/api/report/index.ts', () => {
+  const TEST_REPORT_REVIEW = {
+    targetId: TestId.REVIEW,
+    reportReason: ReportReason.HARASSMENT,
+    reportType: ReportType.REVIEW,
+    message: 'This is a test report',
+  };
+
+  test('POST report a comment', async () => {
+    await testApiHandler({
+      pagesHandler: async (req, res) => {
+        req.method = 'POST';
+        req.cookies = {
+          token: getTokenCookieValue(TestId.USER),
+        };
+        req.body = {
+          ...TEST_REPORT_REVIEW
+        };
+        req.headers = {
+          'content-type': 'application/json',
+        };
+
+        await handler(req as NextApiRequestWithAuth, res);
+      },
+      test: async ({ fetch }) => {
+        const res = await fetch();
+        const response = await res.json();
+
+        expect(res.status).toBe(200);
+        expect(response.success).toBe(true);
+
+        // Assert that queueDiscordWebhook was called with the expected arguments
+        expect(queueDiscordWebhook).toHaveBeenCalledWith(
+          expect.any(String),
+          expect.stringContaining('User test reported a Review by user BBB for reason HARASSMENT with message: This is a test report. [Link](https://pathology'),
+        );
+      },
+    });
+  });
+  test('POST report the same comment by the same user should ERROR', async () => {
+    jest.spyOn(logger, 'error').mockImplementation(() => ({} as Logger));
+    await testApiHandler({
+      pagesHandler: async (req, res) => {
+        req.method = 'POST';
+        req.cookies = {
+          token: getTokenCookieValue(TestId.USER),
+        };
+        req.body = {
+          ...TEST_REPORT_REVIEW
+        };
+        req.headers = {
+          'content-type': 'application/json',
+        };
+
+        await handler(req as NextApiRequestWithAuth, res);
+      },
+      test: async ({ fetch }) => {
+        const res = await fetch();
+        const response = await res.json();
+
+        expect(res.status).toBe(400);
+        expect(response.error).toBe('You have already reported this. Please wait for it to be reviewed.');
+      },
+    });
+  });
+  test('POST report same comment but different user should be OK', async () => {
+    await testApiHandler({
+      pagesHandler: async (req, res) => {
+        req.method = 'POST';
+        req.cookies = {
+          token: getTokenCookieValue(TestId.USER_C),
+        };
+        req.body = {
+          ...TEST_REPORT_REVIEW
+        };
+        req.headers = {
+          'content-type': 'application/json',
+        };
+
+        await handler(req as NextApiRequestWithAuth, res);
+      },
+      test: async ({ fetch }) => {
+        const res = await fetch();
+        const response = await res.json();
+
+        expect(res.status).toBe(200);
+        expect(response.success).toBe(true);
+
+        // Assert that queueDiscordWebhook was called with the expected arguments
+        expect(queueDiscordWebhook).toHaveBeenCalledWith(
+          expect.any(String),
+          expect.stringContaining('User Curator reported a Review by user BBB for reason HARASSMENT with message: This is a test report. [Link](https://pathology'),
+        );
+      },
+    });
+  });
+});