diff --git a/backend/app/models/tags.py b/backend/app/models/tags.py
index 12990560..6dc87c14 100644
--- a/backend/app/models/tags.py
+++ b/backend/app/models/tags.py
@@ -9,7 +9,6 @@ class Tag(db.Model):
 
     tag_id = db.Column(db.Integer, primary_key=True, nullable=False)
     name = db.Column(db.String, unique=True, nullable=False)
-    status = db.Column(db.Enum("Deleted", "Active", name="status"), nullable=False)
     last_modified = db.Column(
         db.DateTime, server_default=db.func.now(), onupdate=db.func.now(), nullable=False
     )
diff --git a/backend/app/services/implementations/log_records_service.py b/backend/app/services/implementations/log_records_service.py
index 17c33c20..4f7e23c7 100644
--- a/backend/app/services/implementations/log_records_service.py
+++ b/backend/app/services/implementations/log_records_service.py
@@ -25,8 +25,9 @@ def __init__(self, logger):
 
     def add_record(self, log_record):
         new_log_record = log_record.copy()
+
         residents = new_log_record["residents"]
-        tag_names = new_log_record["tags"]
+        tags = new_log_record["tags"]
 
         del new_log_record["residents"]
         del new_log_record["tags"]
@@ -34,7 +35,7 @@ def add_record(self, log_record):
         try:
             new_log_record = LogRecords(**new_log_record)
             self.construct_residents(new_log_record, residents)
-            self.construct_tags(new_log_record, tag_names)
+            self.construct_tags(new_log_record, tags)
 
             db.session.add(new_log_record)
             db.session.commit()
@@ -51,12 +52,13 @@ def construct_residents(self, log_record, residents):
                 raise Exception(f"Resident with id {resident_id} does not exist")
             log_record.residents.append(resident)
 
-    def construct_tags(self, log_record, tag_names):
-        for tag_name in tag_names:
-            tag = Tag.query.filter_by(name=tag_name).first()
+    def construct_tags(self, log_record, tags):
+        tags = list(set(tags))
+        for tag_id in tags:
+            tag = Tag.query.filter_by(tag_id=tag_id).first()
 
             if not tag:
-                raise Exception(f"Tag with name {tag_name} does not exist")
+                raise Exception(f"Tag with id {tag_id} does not exist")
             log_record.tags.append(tag)
 
     def to_json_list(self, logs):
@@ -146,12 +148,12 @@ def filter_by_date_range(self, date_range):
         return sql
 
     def filter_by_tags(self, tags):
-        if len(tags) >= 1:
-            sql_statement = f"\n'{tags[0]}'=ANY (tag_names)"
+        if type(tags) == list:
+            sql_statement = f"\n'{tags[0]}'=ANY (tag_ids)"
             for i in range(1, len(tags)):
-                sql_statement = sql_statement + f"\nAND '{tags[i]}'=ANY (tag_names)"
+                sql_statement = sql_statement + f"\nAND '{tags[i]}'=ANY (tag_ids)"
             return sql_statement
-        return f"\n'{tags}'=ANY (tag_names)"
+        return f"\n'{tags}'=ANY (tag_ids)"
 
     def filter_by_flagged(self, flagged):
         print(flagged)
@@ -192,7 +194,7 @@ def join_resident_attributes(self):
 
     def join_tag_attributes(self):
         return "\nLEFT JOIN\n \
-                    (SELECT logs.log_id, ARRAY_AGG(tags.name) AS tag_names FROM log_records logs\n \
+                    (SELECT logs.log_id, ARRAY_AGG(tags.tag_id) AS tag_ids, ARRAY_AGG(tags.name) AS tag_names FROM log_records logs\n \
                     JOIN log_record_tag lrt ON logs.log_id = lrt.log_record_id\n \
                     JOIN tags ON lrt.tag_id = tags.tag_id\n \
                     GROUP BY logs.log_id \n \
diff --git a/frontend/src/APIClients/TagAPIClient.ts b/frontend/src/APIClients/TagAPIClient.ts
new file mode 100644
index 00000000..5c53885f
--- /dev/null
+++ b/frontend/src/APIClients/TagAPIClient.ts
@@ -0,0 +1,24 @@
+import { AxiosError } from "axios";
+import AUTHENTICATED_USER_KEY from "../constants/AuthConstants";
+import { getLocalStorageObjProperty } from "../utils/LocalStorageUtils";
+import baseAPIClient from "./BaseAPIClient";
+import { GetTagsResponse } from "../types/TagTypes";
+
+const getTags = async (): Promise<GetTagsResponse> => {
+  try {
+    const bearerToken = `Bearer ${getLocalStorageObjProperty(
+      AUTHENTICATED_USER_KEY,
+      "accessToken",
+    )}`;
+    const { data } = await baseAPIClient.get<GetTagsResponse>(`/tags`, {
+      headers: { Authorization: bearerToken },
+    });
+    return data;
+  } catch (error) {
+    return null;
+  }
+};
+
+export default {
+  getTags,
+};
diff --git a/frontend/src/components/forms/CreateLog.tsx b/frontend/src/components/forms/CreateLog.tsx
index 1088daf1..d7f945e4 100644
--- a/frontend/src/components/forms/CreateLog.tsx
+++ b/frontend/src/components/forms/CreateLog.tsx
@@ -31,6 +31,7 @@ import { Col, Row } from "react-bootstrap";
 import { AuthenticatedUser } from "../../types/AuthTypes";
 import UserAPIClient from "../../APIClients/UserAPIClient";
 import ResidentAPIClient from "../../APIClients/ResidentAPIClient";
+import TagAPIClient from "../../APIClients/TagAPIClient";
 import { getLocalStorageObj } from "../../utils/LocalStorageUtils";
 import AUTHENTICATED_USER_KEY from "../../constants/AuthConstants";
 import LogRecordAPIClient from "../../APIClients/LogRecordAPIClient";
@@ -39,7 +40,8 @@ import { BuildingLabel } from "../../types/BuildingTypes";
 import selectStyle from "../../theme/forms/selectStyles";
 import { singleDatePickerStyle } from "../../theme/forms/datePickerStyles";
 import { UserLabel } from "../../types/UserTypes";
-import { ResidentLabel } from "../../types/ResidentTypes";
+import { Resident, ResidentLabel } from "../../types/ResidentTypes";
+import { TagLabel } from "../../types/TagTypes";
 import combineDateTime from "../../helper/combineDateTime";
 
 type Props = {
@@ -118,14 +120,15 @@ const CreateLog = ({ getRecords, countRecords, setUserPageNum }: Props) => {
   );
   const [buildingId, setBuildingId] = useState<number>(-1);
   const [residents, setResidents] = useState<number[]>([]);
-  const [tags, setTags] = useState<string[]>([]);
+  const [tags, setTags] = useState<number[]>([]);
   const [attnTo, setAttnTo] = useState(-1);
   const [notes, setNotes] = useState("");
   const [flagged, setFlagged] = useState(false);
 
   const [employeeOptions, setEmployeeOptions] = useState<UserLabel[]>([]);
-  const [residentOptions, setResidentOptions] = useState<UserLabel[]>([]);
+  const [residentOptions, setResidentOptions] = useState<ResidentLabel[]>([]);
   const [buildingOptions, setBuildingOptions] = useState<BuildingLabel[]>([]);
+  const [tagOptions, setTagOptions] = useState<TagLabel[]>([]);
 
   const [isCreateOpen, setCreateOpen] = React.useState(false);
 
@@ -184,10 +187,14 @@ const CreateLog = ({ getRecords, countRecords, setUserPageNum }: Props) => {
   };
 
   const handleTagsChange = (
-    selectedTags: MultiValue<{ label: string; value: string }>,
+    selectedTags: MultiValue<TagLabel>,
   ) => {
-    const newTagsList = selectedTags.map((tag) => tag.value);
-    setTags(newTagsList);
+    const mutableSelectedTags: TagLabel[] = Array.from(
+      selectedTags,
+    );
+    if (mutableSelectedTags !== null) {
+      setTags(mutableSelectedTags.map((tagLabel) => tagLabel.value));
+    }
   };
 
   const handleAttnToChange = (
@@ -206,7 +213,7 @@ const CreateLog = ({ getRecords, countRecords, setUserPageNum }: Props) => {
     setNotesError(inputValue === "");
   };
 
-  // fetch resident + employee data for log creation
+  // fetch resident + employee + tag data for log creation
   const getLogEntryOptions = async () => {
     const buildingsData = await BuildingAPIClient.getBuildings();
 
@@ -239,6 +246,16 @@ const CreateLog = ({ getRecords, countRecords, setUserPageNum }: Props) => {
         }));
       setEmployeeOptions(userLabels);
     }
+
+    const tagsData = await TagAPIClient.getTags();
+    if (tagsData && tagsData.tags.length !== 0) {
+      const tagLabels: TagLabel[] = tagsData.tags
+        .map((tag) => ({
+          label: tag.name,
+          value: tag.tagId,
+        }));
+      setTagOptions(tagLabels);
+    }
   };
 
   const handleCreateOpen = () => {
@@ -426,9 +443,7 @@ const CreateLog = ({ getRecords, countRecords, setUserPageNum }: Props) => {
                   <FormControl mt={4}>
                     <FormLabel>Tags</FormLabel>
                     <Select
-                      // TODO: Integrate actual tags once implemented
-                      isDisabled
-                      options={TAGS}
+                      options={tagOptions}
                       isMulti
                       closeMenuOnSelect={false}
                       placeholder="Select Tags"
diff --git a/frontend/src/components/forms/EditLog.tsx b/frontend/src/components/forms/EditLog.tsx
index ac4649b9..c51416be 100644
--- a/frontend/src/components/forms/EditLog.tsx
+++ b/frontend/src/components/forms/EditLog.tsx
@@ -33,9 +33,10 @@ import AUTHENTICATED_USER_KEY from "../../constants/AuthConstants";
 import LogRecordAPIClient from "../../APIClients/LogRecordAPIClient";
 import selectStyle from "../../theme/forms/selectStyles";
 import { singleDatePickerStyle } from "../../theme/forms/datePickerStyles";
+import { ResidentLabel } from "../../types/ResidentTypes";
 import { BuildingLabel } from "../../types/BuildingTypes";
+import { TagLabel } from "../../types/TagTypes";
 import { UserLabel } from "../../types/UserTypes";
-import { ResidentLabel } from "../../types/ResidentTypes";
 import { LogRecord } from "../../types/LogRecordTypes";
 import { combineDateTime } from "../../helper/dateHelpers";
 
@@ -45,7 +46,8 @@ type Props = {
   isOpen: boolean;
   toggleClose: () => void;
   employeeOptions: UserLabel[];
-  residentOptions: UserLabel[];
+  residentOptions: ResidentLabel[];
+  tagOptions: TagLabel[];
   getRecords: (pageNumber: number) => Promise<void>;
   countRecords: () => Promise<void>;
   setUserPageNum: React.Dispatch<React.SetStateAction<number>>;
@@ -102,6 +104,7 @@ const EditLog = ({
   toggleClose,
   employeeOptions,
   residentOptions,
+  tagOptions,
   getRecords,
   countRecords,
   setUserPageNum,
@@ -119,7 +122,7 @@ const EditLog = ({
   );
   const [buildingId, setBuildingId] = useState<number>(-1);
   const [residents, setResidents] = useState<number[]>([]);
-  const [tags, setTags] = useState<string[]>([]);
+  const [tags, setTags] = useState<number[]>([]);
   const [attnTo, setAttnTo] = useState<number>(-1);
   const [notes, setNotes] = useState("");
   const [flagged, setFlagged] = useState(false);
@@ -179,10 +182,14 @@ const EditLog = ({
   };
 
   const handleTagsChange = (
-    selectedTags: MultiValue<{ label: string; value: string }>,
+    selectedTags: MultiValue<TagLabel>,
   ) => {
-    const newTagsList = selectedTags.map((tag) => tag.value);
-    setTags(newTagsList);
+    const mutableSelectedTags: TagLabel[] = Array.from(
+      selectedTags,
+    );
+    if (mutableSelectedTags !== null) {
+      setTags(mutableSelectedTags.map((tagLabel) => tagLabel.value));
+    }
   };
 
   const handleAttnToChange = (
@@ -217,7 +224,10 @@ const EditLog = ({
       (item) => logRecord.residents.includes(item.label),
     ).map((item) => item.value);
     setResidents(residentIds);
-    setTags(logRecord.tags);
+    const tagIds = tagOptions.filter(
+      (item) => logRecord.tags.includes(item.label),
+    ).map((item) => item.value);
+    setTags(tagIds);
     setAttnTo(logRecord.attnTo ? logRecord.attnTo.id : -1);
     setNotes(logRecord.note);
     setFlagged(logRecord.flagged);
@@ -379,14 +389,15 @@ const EditLog = ({
                   <FormControl mt={4}>
                     <FormLabel>Tags</FormLabel>
                     <Select
-                      // TODO: Integrate actual tags once implemented
-                      isDisabled
-                      options={TAGS}
+                      options={tagOptions}
                       isMulti
                       closeMenuOnSelect={false}
                       placeholder="Select Tags"
                       onChange={handleTagsChange}
                       styles={selectStyle}
+                      defaultValue={tagOptions.filter(
+                        (item) => logRecord.tags.includes(item.label),
+                      )}
                     />
                   </FormControl>
                 </Col>
diff --git a/frontend/src/components/pages/HomePage/HomePage.tsx b/frontend/src/components/pages/HomePage/HomePage.tsx
index 49e5bfa4..77def219 100644
--- a/frontend/src/components/pages/HomePage/HomePage.tsx
+++ b/frontend/src/components/pages/HomePage/HomePage.tsx
@@ -10,7 +10,7 @@ import SearchAndFilters from "./SearchAndFilters";
 import ExportCSVButton from "../../common/ExportCSVButton";
 import { BuildingLabel } from "../../../types/BuildingTypes";
 import { ResidentLabel } from "../../../types/ResidentTypes";
-import { Tag } from "../../../types/TagsTypes";
+import { TagLabel } from "../../../types/TagTypes";
 import { UserLabel } from "../../../types/UserTypes";
 import LogRecordAPIClient from "../../../APIClients/LogRecordAPIClient";
 
@@ -30,7 +30,7 @@ const HomePage = (): React.ReactElement => {
   const [employees, setEmployees] = useState<UserLabel[]>([]);
   const [startDate, setStartDate] = useState<Date | undefined>();
   const [endDate, setEndDate] = useState<Date | undefined>();
-  const [tags, setTags] = useState<Tag[]>([]);
+  const [tags, setTags] = useState<TagLabel[]>([]);
   const [attentionTos, setAttentionTos] = useState<UserLabel[]>([]);
   const [buildings, setBuildings] = useState<BuildingLabel[]>([]);
   const [flagged, setFlagged] = useState(false);
diff --git a/frontend/src/components/pages/HomePage/LogRecordsTable.tsx b/frontend/src/components/pages/HomePage/LogRecordsTable.tsx
index 643d40ca..9aa4c864 100644
--- a/frontend/src/components/pages/HomePage/LogRecordsTable.tsx
+++ b/frontend/src/components/pages/HomePage/LogRecordsTable.tsx
@@ -28,8 +28,11 @@ import AuthContext from "../../../contexts/AuthContext";
 import EditLog from "../../forms/EditLog";
 import LogRecordAPIClient from "../../../APIClients/LogRecordAPIClient";
 import ResidentAPIClient from "../../../APIClients/ResidentAPIClient";
+import TagAPIClient from "../../../APIClients/TagAPIClient";
 import UserAPIClient from "../../../APIClients/UserAPIClient";
 import BuildingAPIClient from "../../../APIClients/BuildingAPIClient";
+import { ResidentLabel } from "../../../types/ResidentTypes";
+import { TagLabel } from "../../../types/TagTypes";
 import { UserLabel } from "../../../types/UserTypes";
 import { BuildingLabel } from "../../../types/BuildingTypes";
 import ConfirmationModal from "../../common/ConfirmationModal";
@@ -71,7 +74,8 @@ const LogRecordsTable = ({
 
   // Dropdown option states
   const [employeeOptions, setEmployeeOptions] = useState<UserLabel[]>([]);
-  const [residentOptions, setResidentOptions] = useState<UserLabel[]>([]);
+  const [residentOptions, setResidentOptions] = useState<ResidentLabel[]>([]);
+  const [tagOptions, setTagOptions] = useState<TagLabel[]>([]);
 
   // Handle delete confirmation toggle
   const handleDeleteToggle = (logId: number) => {
@@ -89,7 +93,7 @@ const LogRecordsTable = ({
     }));
   };
 
-  // fetch resident + employee data for log creation
+  // fetch resident + employee + tag data for log creation
   const getLogEntryOptions = async () => {
     const residentsData = await ResidentAPIClient.getResidents({
       returnAll: true,
@@ -123,6 +127,16 @@ const LogRecordsTable = ({
         }));
       setEmployeeOptions(userLabels);
     }
+
+    const tagsData = await TagAPIClient.getTags();
+    if (tagsData && tagsData.tags.length !== 0) {
+      const tagLabels: TagLabel[] = tagsData.tags
+        .map((tag) => ({
+          label: tag.name,
+          value: tag.tagId,
+        }));
+      setTagOptions(tagLabels);
+    }
   };
 
   const deleteLogRecord = async (itemId: number) => {
@@ -232,6 +246,7 @@ const LogRecordsTable = ({
                       toggleClose={() => handleEditToggle(record.logId)}
                       employeeOptions={employeeOptions}
                       residentOptions={residentOptions}
+                      tagOptions={tagOptions}
                       getRecords={getRecords}
                       countRecords={countRecords}
                       setUserPageNum={setUserPageNum}
diff --git a/frontend/src/components/pages/HomePage/SearchAndFilters.tsx b/frontend/src/components/pages/HomePage/SearchAndFilters.tsx
index 7f973c4b..b4e7d704 100644
--- a/frontend/src/components/pages/HomePage/SearchAndFilters.tsx
+++ b/frontend/src/components/pages/HomePage/SearchAndFilters.tsx
@@ -21,10 +21,11 @@ import selectStyle from "../../../theme/forms/selectStyles";
 import { singleDatePickerStyle } from "../../../theme/forms/datePickerStyles";
 import { BuildingLabel } from "../../../types/BuildingTypes";
 import { Resident, ResidentLabel } from "../../../types/ResidentTypes";
-import { Tag } from "../../../types/TagsTypes";
+import { Tag, TagLabel } from "../../../types/TagTypes";
 import { User, UserLabel } from "../../../types/UserTypes";
 import UserAPIClient from "../../../APIClients/UserAPIClient";
 import ResidentAPIClient from "../../../APIClients/ResidentAPIClient";
+import TagAPIClient from "../../../APIClients/TagAPIClient";
 import BuildingAPIClient from "../../../APIClients/BuildingAPIClient";
 import CreateToast from "../../common/Toasts";
 
@@ -33,7 +34,7 @@ type Props = {
   employees: UserLabel[];
   startDate: Date | undefined;
   endDate: Date | undefined;
-  tags: Tag[];
+  tags: TagLabel[];
   attentionTos: UserLabel[];
   buildings: BuildingLabel[];
   flagged: boolean;
@@ -41,19 +42,12 @@ type Props = {
   setEmployees: React.Dispatch<React.SetStateAction<UserLabel[]>>;
   setStartDate: React.Dispatch<React.SetStateAction<Date | undefined>>;
   setEndDate: React.Dispatch<React.SetStateAction<Date | undefined>>;
-  setTags: React.Dispatch<React.SetStateAction<Tag[]>>;
+  setTags: React.Dispatch<React.SetStateAction<TagLabel[]>>;
   setAttentionTos: React.Dispatch<React.SetStateAction<UserLabel[]>>;
   setBuildings: React.Dispatch<React.SetStateAction<BuildingLabel[]>>;
   setFlagged: React.Dispatch<React.SetStateAction<boolean>>;
 };
 
-// Replace this with the tags from the db once the API and table are made
-const TAGS: Tag[] = [
-  { label: "Tag A", value: "A" },
-  { label: "Tag B", value: "B" },
-  { label: "Tag C", value: "C" },
-];
-
 const SearchAndFilters = ({
   residents,
   employees,
@@ -75,6 +69,7 @@ const SearchAndFilters = ({
   const [buildingOptions, setBuildingOptions] = useState<BuildingLabel[]>([]);
   const [userLabels, setUserLabels] = useState<UserLabel[]>();
   const [residentLabels, setResidentLabels] = useState<ResidentLabel[]>();
+  const [tagLabels, setTagLabels] = useState<TagLabel[]>();
 
   const dateChangeToast = CreateToast();
 
@@ -117,6 +112,20 @@ const SearchAndFilters = ({
     }
   };
 
+  const getTags = async () => {
+    const data = await TagAPIClient.getTags();
+    const tagsData = data?.tags;
+    if (tagsData) {
+      const labels = tagsData.map((tag: Tag) => {
+        return {
+          label: tag.name,
+          value: tag.tagId,
+        } as TagLabel;
+      });
+      setTagLabels(labels);
+    }
+  };
+
   const handleBuildingChange = (
     selectedBuildings: MultiValue<BuildingLabel>,
   ) => {
@@ -169,8 +178,8 @@ const SearchAndFilters = ({
     setResidents(mutableSelectedResidents);
   };
 
-  const handleTagsChange = (selectedTags: MultiValue<Tag>) => {
-    const mutableSelectedTags: Tag[] = Array.from(selectedTags);
+  const handleTagsChange = (selectedTags: MultiValue<TagLabel>) => {
+    const mutableSelectedTags: TagLabel[] = Array.from(selectedTags);
     setTags(mutableSelectedTags);
   };
 
@@ -189,6 +198,7 @@ const SearchAndFilters = ({
     getBuildingsOptions();
     getUsers();
     getResidents();
+    getTags();
   }, []);
 
   return (
@@ -289,13 +299,12 @@ const SearchAndFilters = ({
                       <FormLabel fontWeight="700">Tags</FormLabel>
                       <Select
                         value={tags}
-                        options={TAGS}
+                        options={tagLabels}
                         isMulti
                         closeMenuOnSelect={false}
                         placeholder="Select Tags"
                         onChange={handleTagsChange}
                         styles={selectStyle}
-                        isDisabled
                       />
                     </GridItem>
                     <GridItem colSpan={2}>
diff --git a/frontend/src/types/LogRecordTypes.ts b/frontend/src/types/LogRecordTypes.ts
index 42e22299..55af3672 100644
--- a/frontend/src/types/LogRecordTypes.ts
+++ b/frontend/src/types/LogRecordTypes.ts
@@ -46,7 +46,7 @@ export type CountLogRecordFilters = {
   attnTo?: number[];
   dateRange?: string[];
   residents?: number[];
-  tags?: string[];
+  tags?: number[];
   flagged?: boolean;
 };
 
@@ -56,7 +56,7 @@ export type CreateLogRecordParams = {
   datetime: Date;
   flagged: boolean;
   note: string;
-  tags: string[];
+  tags: number[];
   buildingId: number;
   attnTo?: number;
 };
@@ -68,7 +68,7 @@ export type EditLogRecordParams = {
   datetime: Date;
   flagged: boolean;
   note: string;
-  tags: string[];
+  tags: number[];
   buildingId: number;
   attnTo?: number;
 };
diff --git a/frontend/src/types/TagTypes.ts b/frontend/src/types/TagTypes.ts
new file mode 100644
index 00000000..2cf85505
--- /dev/null
+++ b/frontend/src/types/TagTypes.ts
@@ -0,0 +1,14 @@
+// TODO: Change this type to the values of the tags we want to get from the DB
+export type Tag = {
+  tagId: number;
+  name: string;
+};
+
+export type TagLabel = {
+  label: string;
+  value: number;
+};
+
+export type GetTagsResponse = {
+  tags: Tag[];
+} | null;
diff --git a/frontend/src/types/TagsTypes.ts b/frontend/src/types/TagsTypes.ts
deleted file mode 100644
index 3fd8309c..00000000
--- a/frontend/src/types/TagsTypes.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-// TODO: Change this type to the values of the tags we want to get from the DB
-export type Tag = {
-  label: string;
-  value: string;
-};