diff --git a/frontend/app/components/Client/Audit/AuditDetailModal/AuditDetailModal.tsx b/frontend/app/components/Client/Audit/AuditDetailModal/AuditDetailModal.tsx
new file mode 100644
index 000000000..03a5eee0d
--- /dev/null
+++ b/frontend/app/components/Client/Audit/AuditDetailModal/AuditDetailModal.tsx
@@ -0,0 +1,11 @@
+import React from 'react';
+
+function AuditDetailModal(props) {
+    return (
+        <div>
+            
+        </div>
+    );
+}
+
+export default AuditDetailModal;
\ No newline at end of file
diff --git a/frontend/app/components/Client/Audit/AuditDetailModal/index.ts b/frontend/app/components/Client/Audit/AuditDetailModal/index.ts
new file mode 100644
index 000000000..fcf6bb2b4
--- /dev/null
+++ b/frontend/app/components/Client/Audit/AuditDetailModal/index.ts
@@ -0,0 +1 @@
+export { default } from './AuditDetailModal';
\ No newline at end of file
diff --git a/frontend/app/components/Client/Audit/AuditList/AuditList.tsx b/frontend/app/components/Client/Audit/AuditList/AuditList.tsx
new file mode 100644
index 000000000..fc135f102
--- /dev/null
+++ b/frontend/app/components/Client/Audit/AuditList/AuditList.tsx
@@ -0,0 +1,14 @@
+import React from 'react';
+
+interface Props {
+
+}
+function AuditList(props: Props) {
+    return (
+        <div>
+            List
+        </div>
+    );
+}
+
+export default AuditList;
\ No newline at end of file
diff --git a/frontend/app/components/Client/Audit/AuditList/index.ts b/frontend/app/components/Client/Audit/AuditList/index.ts
new file mode 100644
index 000000000..2e6bc3739
--- /dev/null
+++ b/frontend/app/components/Client/Audit/AuditList/index.ts
@@ -0,0 +1 @@
+export { default } from './AuditList'
\ No newline at end of file
diff --git a/frontend/app/components/Client/Audit/AuditListItem/AuditListItem.tsx b/frontend/app/components/Client/Audit/AuditListItem/AuditListItem.tsx
new file mode 100644
index 000000000..b587f08e7
--- /dev/null
+++ b/frontend/app/components/Client/Audit/AuditListItem/AuditListItem.tsx
@@ -0,0 +1,14 @@
+import React from 'react';
+
+interface Props {
+
+}
+function AuditListItem(props: Props) {
+    return (
+        <div>
+            
+        </div>
+    );
+}
+
+export default AuditListItem;
\ No newline at end of file
diff --git a/frontend/app/components/Client/Audit/AuditListItem/index.ts b/frontend/app/components/Client/Audit/AuditListItem/index.ts
new file mode 100644
index 000000000..821ee9639
--- /dev/null
+++ b/frontend/app/components/Client/Audit/AuditListItem/index.ts
@@ -0,0 +1 @@
+export { default } from './AuditListItem';
\ No newline at end of file
diff --git a/frontend/app/components/Client/Audit/AuditView/AuditView.tsx b/frontend/app/components/Client/Audit/AuditView/AuditView.tsx
new file mode 100644
index 000000000..02554fe1d
--- /dev/null
+++ b/frontend/app/components/Client/Audit/AuditView/AuditView.tsx
@@ -0,0 +1,11 @@
+import React from 'react';
+
+function AuditView(props) {
+    return (
+        <div>
+            View
+        </div>
+    );
+}
+
+export default AuditView;
\ No newline at end of file
diff --git a/frontend/app/components/Client/Audit/AuditView/index.ts b/frontend/app/components/Client/Audit/AuditView/index.ts
new file mode 100644
index 000000000..ba32b1be0
--- /dev/null
+++ b/frontend/app/components/Client/Audit/AuditView/index.ts
@@ -0,0 +1 @@
+export { default } from './AuditView'
\ No newline at end of file