implement creating and listing tasks

src/View/Components/boardEntry.tsx

@@ -23,7 +23,7 @@ export function BoardEntry(boardViewModel: BoardViewModel) {
   return view;
 }
 
-export const BoardInfoToEntry: React.StateItemConverter<
+export const BoardViewModelToEntry: React.StateItemConverter<
   BoardViewModel
 > = (boardViewModel: BoardViewModel) => {
   return BoardEntry(boardViewModel);

src/View/Components/taskEntry.tsx

@@ -0,0 +1,19 @@
+import * as React from "bloatless-react";
+
+import TaskViewModel from "../../ViewModel/Pages/taskViewModel";
+
+export function TaskEntry(taskViewModel: TaskViewModel) {
+  const view = (
+    <button class="tile">
+      <b subscribe:innerText={taskViewModel.name}></b>
+    </button>
+  );
+
+  return view;
+}
+
+export const TaskViewModelToEntry: React.StateItemConverter<TaskViewModel> = (
+  taskViewModel: TaskViewModel
+) => {
+  return TaskEntry(taskViewModel);
+};