diff --git a/React/mvvm-app/src/model/TaskViewModel.js b/React/mvvm-app/src/model/TaskViewModel.js
new file mode 100644
index 0000000..88eb509
--- /dev/null
+++ b/React/mvvm-app/src/model/TaskViewModel.js
@@ -0,0 +1,17 @@
+import { useState } from "react";
+import useTaskViewModel from "../model/TaskModel";
+
+const TaskViewModel = () => {
+  const [taskModel] = useState(() => new TaskModel());
+  const addTask = (task) => {
+    taskModel.addTask(task);
+  };
+
+  const getAllTasks = () => {
+    return taskModel.getAllTasks();
+  };
+
+  return { addTask, getAllTasks };
+};
+
+export default TaskViewModel;
\ No newline at end of file