diff --git a/frontend/src/App.js b/frontend/src/App.js
index 1cfcd516e..dee8f069e 100644
--- a/frontend/src/App.js
+++ b/frontend/src/App.js
@@ -16,6 +16,7 @@ import SchoolIndexPage from "main/pages/SchoolIndexPage";
 import CoursesCreatePage from "main/pages/CoursesCreatePage";
 import CourseIndexPage from "main/pages/CourseIndexPage";
 
+
 import { hasRole, useCurrentUser } from "main/utils/currentUser";
 import NotFoundPage from "main/pages/NotFoundPage";
 
diff --git a/frontend/src/fixtures/schoolsFixtures.js b/frontend/src/fixtures/schoolsFixtures.js
index ddee6e292..9755c89cc 100644
--- a/frontend/src/fixtures/schoolsFixtures.js
+++ b/frontend/src/fixtures/schoolsFixtures.js
@@ -3,30 +3,26 @@ const schoolsFixtures = {
         "abbrev": "ucsb",
         "name": "UC Santa Barbara",
         "termRegex": "[WSMF]\\d\\d",
-        "termDescription": "Enter quarter, e.g. F23, W24, S24, M24",
-        "termError": "Quarter must be entered in the correct format"
+        "termDescription": "Enter quarter, e.g. F23, W24, S24, M24"
     },
     threeSchools: [
         { 
             "abbrev": "ucsb",
             "name": "UC Santa Barbara",
             "termRegex": "[WSMF]\\d\\d",
-            "termDescription": "Enter quarter, e.g. F23, W24, S24, M24",
-            "termError": "Quarter must be entered in the correct format"
+            "termDescription": "Enter quarter, e.g. F23, W24, S24, M24"
         },
         {
             "abbrev": "umn",
             "name": "University of Minnesota",
             "termRegex": "[WSMF]\\d\\d",
-            "termDescription": "Enter quarter, e.g. F23, W24, S24, M24",
-            "termError": "Quarter must be entered in the correct format"
+            "termDescription": "Enter quarter, e.g. F23, W24, S24, M24"
         },
         {
             "abbrev": "ucsd",
             "name": "UC San Diego",
             "termRegex": "[WSMF]\\d\\d",
-            "termDescription": "Enter quarter, e.g. F23, W24, S24, M24",
-            "termError": "Quarter must be entered in the correct format"
+            "termDescription": "Enter quarter, e.g. F23, W24, S24, M24"
         }
     ]
 };
diff --git a/frontend/src/main/components/Courses/CoursesTable.js b/frontend/src/main/components/Courses/CoursesTable.js
index a6f6ec368..235e1dc52 100644
--- a/frontend/src/main/components/Courses/CoursesTable.js
+++ b/frontend/src/main/components/Courses/CoursesTable.js
@@ -37,6 +37,7 @@ import React from "react";
          {
              Header: 'id',
              accessor: 'id',
+             Cell: ({ value }) => <a data-testid={`linkToCoursesPage-${value}`} href={`/courses/${value}`}>{value}</a>,
          },
          {
              Header: 'Name',
diff --git a/frontend/src/main/components/School/SchoolForm.js b/frontend/src/main/components/School/SchoolForm.js
index 336f5f2bb..56a388604 100644
--- a/frontend/src/main/components/School/SchoolForm.js
+++ b/frontend/src/main/components/School/SchoolForm.js
@@ -1,4 +1,4 @@
-import { Button, Form, Row, Col } from 'react-bootstrap';
+import { Button, Form, Row, Col, OverlayTrigger, Tooltip } from 'react-bootstrap';
 import { useForm } from 'react-hook-form'
 import { useNavigate } from 'react-router-dom'
 
@@ -26,6 +26,11 @@ function SchoolForm({ initialContents, submitAction, buttonLabel = "Create" }) {
                 <Col>
                     <Form.Group className="mb-3" >
                         <Form.Label htmlFor="abbrev">Abbreviation</Form.Label>
+                        <OverlayTrigger
+                            placement="top"
+                            overlay={<Tooltip>Please enter an abbreviation for school name in lowercase. EX: UCSB</Tooltip>}
+                            delay='5'
+                        >
                         <Form.Control
                             data-testid="SchoolForm-abbrev"
                             id="abbrev"
@@ -33,6 +38,7 @@ function SchoolForm({ initialContents, submitAction, buttonLabel = "Create" }) {
                             isInvalid={Boolean(errors.abbrev)}
                             {...register("abbrev", { required: true, pattern: abbrev_regex })}
                         />
+                        </OverlayTrigger>
                         <Form.Control.Feedback type="invalid">
                             {errors.abbrev?.type === 'required' && 'Abbreviation is required. '}
                             {errors.abbrev?.type === 'pattern' && 'Abbreviation must be lowercase letters (_ and . allowed), e.g. ucsb'}
@@ -57,6 +63,11 @@ function SchoolForm({ initialContents, submitAction, buttonLabel = "Create" }) {
                 <Col>
                     <Form.Group className="mb-3" >
                         <Form.Label htmlFor="termRegex">Term Regex</Form.Label>
+                         <OverlayTrigger
+                            placement="top"
+                            overlay={<Tooltip>Please enter a regular expression for the format of terms (semesters or quarters) at the school. EX: [WSMF]\d\d for UCSB</Tooltip>}
+                            delay='5'
+                        >
                         <Form.Control
                             data-testid="SchoolForm-termRegex"
                             id="termRegex"
@@ -64,6 +75,7 @@ function SchoolForm({ initialContents, submitAction, buttonLabel = "Create" }) {
                             isInvalid={Boolean(errors.termRegex)}
                             {...register("termRegex", { required: true })}
                         />
+                        </OverlayTrigger> 
                         <Form.Control.Feedback type="invalid">
                             {errors.termRegex && 'Term Regex is required. '}
                         </Form.Control.Feedback>
@@ -75,6 +87,11 @@ function SchoolForm({ initialContents, submitAction, buttonLabel = "Create" }) {
                 <Col>
                     <Form.Group className="mb-3" >
                         <Form.Label htmlFor="termDescription">Term Description</Form.Label>
+                        <OverlayTrigger
+                            placement="top"
+                            overlay={<Tooltip>Please enter a term description. EX: Quarter, Semester or Session</Tooltip>}
+                            delay='5'
+                        >
                         <Form.Control
                             data-testid="SchoolForm-termDescription"
                             id="termDescription"
@@ -82,6 +99,7 @@ function SchoolForm({ initialContents, submitAction, buttonLabel = "Create" }) {
                             isInvalid={Boolean(errors.termDescription)}
                             {...register("termDescription", { required: true})}
                         />
+                        </OverlayTrigger>
                         <Form.Control.Feedback type="invalid">
                             {errors.termDescription && 'Term Description is required.'}
                         </Form.Control.Feedback>
@@ -89,24 +107,6 @@ function SchoolForm({ initialContents, submitAction, buttonLabel = "Create" }) {
                 </Col>
             </Row>
 
-            <Row>
-                <Col>
-                    <Form.Group className="mb-3" >
-                        <Form.Label htmlFor="termError">Term Error</Form.Label>
-                        <Form.Control
-                            data-testid="SchoolForm-termError"
-                            id="termError"
-                            type="text"
-                            isInvalid={Boolean(errors.termError)}
-                            {...register("termError", { required: true})}
-                        />
-                        <Form.Control.Feedback type="invalid">
-                            {errors.termError && 'Term Error is required.'}
-                        </Form.Control.Feedback>
-                    </Form.Group>
-                </Col>
-            </Row>
-
             <Row>
                 <Col>
                     <Button
diff --git a/frontend/src/main/components/School/SchoolTable.js b/frontend/src/main/components/School/SchoolTable.js
index eb9c77909..2864a304c 100644
--- a/frontend/src/main/components/School/SchoolTable.js
+++ b/frontend/src/main/components/School/SchoolTable.js
@@ -45,10 +45,6 @@ import React from "react";
              Header: 'TermDescription',
              accessor: 'termDescription',
          },
-         {
-             Header: 'TermError',
-             accessor: 'termError',
-         },
      ];
 
      if (hasRole(currentUser, "ROLE_ADMIN")) {
diff --git a/frontend/src/main/pages/CoursesShowPage.js b/frontend/src/main/pages/CoursesShowPage.js
new file mode 100644
index 000000000..da88c5794
--- /dev/null
+++ b/frontend/src/main/pages/CoursesShowPage.js
@@ -0,0 +1,32 @@
+import React from 'react'
+import { useParams } from "react-router-dom";
+import { useBackend } from 'main/utils/useBackend';
+import BasicLayout from "main/layouts/BasicLayout/BasicLayout";
+import CoursesTable from 'main/components/Courses/CoursesTable';
+import { useCurrentUser} from 'main/utils/currentUser';
+
+export default function CourseShowPage() {
+
+  let { id } = useParams();
+  const { data: currentUser } = useCurrentUser();
+  
+  const { data: courses, error: _error, status: _status } =
+    useBackend(
+      // Stryker disable next-line all : don't test internal caching of React Query
+      [`/api/courses?id=${id}`],
+      // Stryker disable next-line all : GET is the default
+      { method: "GET", url: "/api/courses/get", params: { id }},
+      // Stryker disable next-line all : GET is the default
+      []
+    );
+
+
+    return (
+      <BasicLayout>
+        <div className="pt-2">
+          <h1>Course {id} Info</h1>
+          <CoursesTable courses={[courses]} currentUser={currentUser} />
+        </div>
+      </BasicLayout>
+    )
+}
diff --git a/frontend/src/stories/pages/CourseShowPage.stories.js b/frontend/src/stories/pages/CourseShowPage.stories.js
new file mode 100644
index 000000000..fa2586012
--- /dev/null
+++ b/frontend/src/stories/pages/CourseShowPage.stories.js
@@ -0,0 +1,29 @@
+import React from 'react';
+import { apiCurrentUserFixtures } from "fixtures/currentUserFixtures";
+import { systemInfoFixtures } from "fixtures/systemInfoFixtures";
+import { coursesFixtures } from "fixtures/coursesFixtures";
+import { rest } from "msw";
+
+import CoursesShowPage from "main/pages/CoursesShowPage";
+
+export default {
+    title: 'pages/CourseShowPage',
+    component: CoursesShowPage
+};
+
+const Template = () => <CoursesShowPage storybook={true}/>;
+
+export const Default = Template.bind({});
+Default.parameters = {
+    msw: [
+        rest.get('/api/currentUser', (_req, res, ctx) => {
+            return res( ctx.json(apiCurrentUserFixtures.adminUser));
+        }),
+        rest.get('/api/systemInfo', (_req, res, ctx) => {
+            return res(ctx.json(systemInfoFixtures.showingNeither));
+        }),
+        rest.get('/api/courses/get', (_req, res, ctx) => {
+            return res(ctx.json(coursesFixtures.oneCourse));
+        }),
+    ],
+}
\ No newline at end of file
diff --git a/frontend/src/tests/components/Courses/CoursesTable.test.js b/frontend/src/tests/components/Courses/CoursesTable.test.js
index 6b15f5725..915542a35 100644
--- a/frontend/src/tests/components/Courses/CoursesTable.test.js
+++ b/frontend/src/tests/components/Courses/CoursesTable.test.js
@@ -294,4 +294,22 @@ describe("UserTable tests", () => {
     expect(totalCoursesElement).toBeInTheDocument();
   });
 
+  test("ID is a hyperlink", async () => {  
+
+    const currentUser = currentUserFixtures.adminUser;
+
+    render(
+      <QueryClientProvider client={queryClient}>
+        <MemoryRouter>
+            <CoursesTable courses={coursesFixtures.threeCourses} currentUser={currentUser} />
+        </MemoryRouter>
+      </QueryClientProvider>
+
+    );
+
+    const idLink = screen.getByTestId(`linkToCoursesPage-1`);
+    expect(idLink).toBeInTheDocument();
+    expect(idLink.getAttribute('href')).toBe('/courses/1');
+  });
+
 });
\ No newline at end of file
diff --git a/frontend/src/tests/components/School/SchoolForm.test.js b/frontend/src/tests/components/School/SchoolForm.test.js
index b3b0d7015..b44e687b2 100644
--- a/frontend/src/tests/components/School/SchoolForm.test.js
+++ b/frontend/src/tests/components/School/SchoolForm.test.js
@@ -31,6 +31,9 @@ describe("SchoolForm tests", () => {
         await screen.findByTestId(/SchoolForm-abbrev/);
         expect(screen.getByText(/Abbreviation/)).toBeInTheDocument();
         expect(screen.getByTestId(/SchoolForm-abbrev/)).toHaveValue("ucsb");
+        expect(screen.getByTestId(/SchoolForm-name/)).toHaveValue("UC Santa Barbara");
+        expect(screen.getByTestId(/SchoolForm-termRegex/)).toHaveValue("[WSMF]\\d\\d");
+        expect(screen.getByTestId(/SchoolForm-termDescription/)).toHaveValue("Enter quarter, e.g. F23, W24, S24, M24");
     });
 
     test("Correct Error messsages on bad input", async () => {
@@ -64,7 +67,6 @@ describe("SchoolForm tests", () => {
         expect(screen.getByText(/Name is required./)).toBeInTheDocument();
         expect(screen.getByText(/Term Regex is required./)).toBeInTheDocument();
         expect(screen.getByText(/Term Description is required./)).toBeInTheDocument();
-        expect(screen.getByText(/Term Error is required./)).toBeInTheDocument();
     });
 
     test("No Error messsages on good input", async () => {
@@ -80,14 +82,12 @@ describe("SchoolForm tests", () => {
         const nameField = screen.getByTestId("SchoolForm-name");
         const termRegexField = screen.getByTestId("SchoolForm-termRegex");
         const termDescriptionField = screen.getByTestId("SchoolForm-termDescription");
-        const termErrorField = screen.getByTestId("SchoolForm-termError");
         const submitButton = screen.getByTestId("SchoolForm-submit");
 
         fireEvent.change(abbrevField, { target: { value: 'ucsb' } });
         fireEvent.change(nameField, { target: { value: 'UC Santa Barbara' } });
         fireEvent.change(termRegexField, { target: { value: '[WSMF]\\d\\d' } });
         fireEvent.change(termDescriptionField, { target: { value: 'Enter quarter, e.g. F23, W24, S24, M24' } });
-        fireEvent.change(termErrorField, { target: { value: 'Quarter must be entered in the correct format' } });
         fireEvent.click(submitButton);
 
         await screen.findByTestId(/SchoolForm-abbrev/);
@@ -96,7 +96,6 @@ describe("SchoolForm tests", () => {
         expect(screen.queryByText(/Name is required./)).not.toBeInTheDocument();
         expect(screen.queryByText(/Term Regex is required./)).not.toBeInTheDocument();
         expect(screen.queryByText(/Term Description is required./)).not.toBeInTheDocument();
-        expect(screen.queryByText(/Term Error is required./)).not.toBeInTheDocument();
     });
 
     test("that navigate(-1) is called when Cancel is clicked", async () => {
diff --git a/frontend/src/tests/components/School/SchoolTable.test.js b/frontend/src/tests/components/School/SchoolTable.test.js
index c79eff8cb..1a9e77e75 100644
--- a/frontend/src/tests/components/School/SchoolTable.test.js
+++ b/frontend/src/tests/components/School/SchoolTable.test.js
@@ -29,8 +29,8 @@ describe("UserTable tests", () => {
 
     );
 
-    const expectedHeaders = ["Abbrev", "Name", "TermRegex", "TermDescription", "TermError"];
-    const expectedFields = ["abbrev", "name", "termRegex", "termDescription", "termError"];
+    const expectedHeaders = ["Abbrev", "Name", "TermRegex", "TermDescription"];
+    const expectedFields = ["abbrev", "name", "termRegex", "termDescription"];
     const testId = "SchoolTable";
 
     expectedHeaders.forEach((headerText) => {
@@ -60,8 +60,8 @@ describe("UserTable tests", () => {
     // arrange
     const currentUser = currentUserFixtures.adminUser;
 
-    const expectedHeaders = ["Abbrev", "Name", "TermRegex", "TermDescription", "TermError"];
-    const expectedFields = ["abbrev", "name", "termRegex", "termDescription", "termError"];
+    const expectedHeaders = ["Abbrev", "Name", "TermRegex", "TermDescription"];
+    const expectedFields = ["abbrev", "name", "termRegex", "termDescription"];
     const testId = "SchoolTable";
 
     // act
@@ -99,8 +99,8 @@ describe("UserTable tests", () => {
 
     );
 
-    const expectedHeaders = ["Abbrev", "Name", "TermRegex", "TermDescription", "TermError"];
-    const expectedFields = ["abbrev", "name", "termRegex", "termDescription", "termError"];
+    const expectedHeaders = ["Abbrev", "Name", "TermRegex", "TermDescription"];
+    const expectedFields = ["abbrev", "name", "termRegex", "termDescription"];
     const testId = "SchoolTable";
 
     expectedHeaders.forEach((headerText) => {
diff --git a/frontend/src/tests/pages/CoursesShowPage.test.js b/frontend/src/tests/pages/CoursesShowPage.test.js
new file mode 100644
index 000000000..fe89ce93b
--- /dev/null
+++ b/frontend/src/tests/pages/CoursesShowPage.test.js
@@ -0,0 +1,119 @@
+import { render, screen } from "@testing-library/react";
+import { QueryClient, QueryClientProvider } from "react-query";
+import { MemoryRouter } from "react-router-dom";
+import axios from "axios";
+import AxiosMockAdapter from "axios-mock-adapter";
+import CoursesShowPage from "main/pages/CoursesShowPage";
+
+import { apiCurrentUserFixtures } from "fixtures/currentUserFixtures";
+import { systemInfoFixtures } from "fixtures/systemInfoFixtures";
+
+import mockConsole from "jest-mock-console";
+
+const mockToast = jest.fn();
+jest.mock('react-toastify', () => {
+    const originalModule = jest.requireActual('react-toastify');
+    return {
+        __esModule: true,
+        ...originalModule,
+        toast: (x) => mockToast(x)
+    };
+});
+
+// Mock the enableEndDateValidation function
+jest.mock('main/components/Courses/dateValidation', () => ({
+    enableEndDateValidation: jest.fn(),
+}));
+
+const mockNavigate = jest.fn();
+jest.mock('react-router-dom', () => {
+    const originalModule = jest.requireActual('react-router-dom');
+    return {
+        __esModule: true,
+        ...originalModule,
+        useParams: () => ({
+            id: 17
+        }),
+        Navigate: (x) => { mockNavigate(x); return null; }
+    };
+});
+
+describe("CoursesShowPage tests", () => {
+
+  describe("when the backend doesn't return data", () => {
+
+      const axiosMock = new AxiosMockAdapter(axios);
+
+      beforeEach(() => {
+          axiosMock.reset();
+          axiosMock.resetHistory();
+          axiosMock.onGet("/api/currentUser").reply(200, apiCurrentUserFixtures.userOnly);
+          axiosMock.onGet("/api/systemInfo").reply(200, systemInfoFixtures.showingNeither);
+          axiosMock.onGet("/api/courses/get", { params: { id: 17 } }).timeout();
+      });
+
+      const queryClient = new QueryClient();
+      test("renders header but table is not present", async () => {
+
+          const restoreConsole = mockConsole();
+
+          render(
+              <QueryClientProvider client={queryClient}>
+                  <MemoryRouter>
+                      <CoursesShowPage />
+                  </MemoryRouter>
+              </QueryClientProvider>
+          );
+          await screen.findByText("Course 17 Info");
+          expect(screen.queryByTestId("CoursesForm-name")).not.toBeInTheDocument();
+          restoreConsole();
+      });
+
+  });
+
+  describe("tests where backend is working normally", () => {
+
+      const axiosMock = new AxiosMockAdapter(axios);
+
+      beforeEach(() => {
+          axiosMock.reset();
+          axiosMock.resetHistory();
+          axiosMock.onGet("/api/currentUser").reply(200, apiCurrentUserFixtures.userOnly);
+          axiosMock.onGet("/api/systemInfo").reply(200, systemInfoFixtures.showingNeither);
+          axiosMock.onGet("/api/courses/get", { params: { id: 17 } }).reply(200, {
+              id: 17,
+              name: "CS 156",
+              school: "UCSB",
+              term: "f23",
+              startDate: "2023-09-29T00:00",
+              endDate: "2023-12-15T00:00",
+              githubOrg: "ucsb-cs156-f23"
+          });
+      });
+
+      const queryClient = new QueryClient();
+      test("renders without crashing", () => {
+          render(
+              <QueryClientProvider client={queryClient}>
+                  <MemoryRouter>
+                      <CoursesShowPage />
+                  </MemoryRouter>
+              </QueryClientProvider>
+          );
+      });
+
+      test("renders with data", () => {
+        render(
+            <QueryClientProvider client={queryClient}>
+                <MemoryRouter>
+                    <CoursesShowPage />
+                </MemoryRouter>
+            </QueryClientProvider>
+        );
+        expect(screen.getByText("CS 156")).toBeInTheDocument();
+        expect(screen.getByText("UCSB")).toBeInTheDocument();
+        expect(screen.getByText("f23")).toBeInTheDocument();
+    });
+
+  });
+});
\ No newline at end of file
diff --git a/src/main/java/edu/ucsb/cs156/organic/controllers/CoursesController.java b/src/main/java/edu/ucsb/cs156/organic/controllers/CoursesController.java
index c0de4e063..dd62a4f96 100644
--- a/src/main/java/edu/ucsb/cs156/organic/controllers/CoursesController.java
+++ b/src/main/java/edu/ucsb/cs156/organic/controllers/CoursesController.java
@@ -235,4 +235,4 @@ public Course deleteCourse(
         return course;
     }
 
-}
+}
\ No newline at end of file