diff --git a/front/components/sidebar.vue b/front/components/sidebar.vue
index 84e9f8e..2d82beb 100644
--- a/front/components/sidebar.vue
+++ b/front/components/sidebar.vue
@@ -6,6 +6,11 @@ const links = [
         label: 'Организации',
         icon: 'i-heroicons-archive-box',
         to: '/organization'
+    },
+    {
+        label: 'TMC',
+        icon: 'i-heroicons-archive-box',
+        to: '/tmc'
     }
 ]
 </script>
diff --git a/front/helpers.ts b/front/helpers.ts
index e8d3ad7..7c36cb4 100644
--- a/front/helpers.ts
+++ b/front/helpers.ts
@@ -1,30 +1,6 @@
 const config = useRuntimeConfig()
 export const apiBase = config.public.apiBase
 
-export type ApiTypeList = {
-    count: number;
-    next?: any;
-    previous?: any;
-    results: ApiTypeBase[]
-}
-export type ApiTypeBase =
-    ApiPartner | ApiInventory | ApiElement;
-
-
-export type ApiPartner = { id: number, external_id: number, name: string, total_inventory: number }
-export type ApiInventory = { id: number, partner: number, name: string }
-export type ApiElement = { id: number, external_id: string, element_id: number, photo: string, additional_text: string, inventory: number }
-export type ApiElementSave = {
-    partner: ApiPartner,
-    inventory: ApiInventory,
-    element: ApiElement
-}
-export type ApiTypeExternal = {
-    'НаименованиеПолное': string;
-    Description: string;
-    Ref_Key: string;
-}
-
 export const makeColumns = (cols: string[]) => {
     return cols.map(el => {
         return {
diff --git a/front/pages/tmc/index.vue b/front/pages/tmc/index.vue
index 9573a57..181f52f 100644
--- a/front/pages/tmc/index.vue
+++ b/front/pages/tmc/index.vue
@@ -1,3 +1,22 @@
+<script setup lang="ts">
+import { apiBase } from '~/helpers';
+const headers = new Headers();
+headers.append("Content-Type", "application/json");
+
+const items = ref()
+onMounted(async () => {
+    const items_data = await $fetch<ApiTypeTmc>(`${apiBase}/tmc/items/`, { headers })
+    items.value = items_data.results
+
+})
+</script>
 <template>
-    123
+    <template v-for="item in items">
+        <h2>{{ item.name }}</h2>
+        <ul>
+            <li v-for="child in item.fields">
+                {{ child.name }}
+            </li>
+        </ul>
+    </template>
 </template>
\ No newline at end of file
diff --git a/front/types/index.d.ts b/front/types/index.d.ts
new file mode 100644
index 0000000..f6ec66e
--- /dev/null
+++ b/front/types/index.d.ts
@@ -0,0 +1,44 @@
+
+declare global {
+    type ApiTypeList = {
+        count: number;
+        next?: any;
+        previous?: any;
+        results: ApiTypeBase[]
+    }
+    type ApiTypeBase =
+        ApiPartner | ApiInventory | ApiElement;
+
+
+    type ApiPartner = { id: number, external_id: number, name: string, total_inventory: number }
+    type ApiInventory = { id: number, partner: number, name: string }
+    type ApiElement = { id: number, external_id: string, element_id: number, photo: string, additional_text: string, inventory: number }
+    type ApiElementSave = {
+        partner: ApiPartner,
+        inventory: ApiInventory,
+        element: ApiElement
+    }
+    type ApiTypeExternal = {
+        'НаименованиеПолное': string;
+        Description: string;
+        Ref_Key: string;
+    }
+
+    interface TmcField {
+        id: number
+        name: string
+    }
+    interface TmcItem {
+        id: number
+        name: string
+        fields: TmcField[]
+    }
+
+    type ApiTypeTmc = {
+        count: number;
+        next?: any;
+        previous?: any;
+        results: TmcItem[]
+    }
+}
+export { }
\ No newline at end of file