diff --git a/frontend/composables/useProjectItem.ts b/frontend/composables/useProjectItem.ts
new file mode 100644
index 00000000..dc723a37
--- /dev/null
+++ b/frontend/composables/useProjectItem.ts
@@ -0,0 +1,23 @@
+import _ from 'lodash'
+import { reactive, useContext } from '@nuxtjs/composition-api'
+import { ProjectDTO } from '@/services/application/project/projectData'
+
+export const useProjectItem = () => {
+  const state = reactive({
+    project: {} as ProjectDTO
+  })
+
+  const { app } = useContext()
+  const projectService = app.$services.project
+
+  const getProjectById = async(
+    projectId: string
+  ) => {
+    state.project = await projectService.findById(projectId)
+  }
+
+  return {
+    state,
+    getProjectById
+  }
+}