First working version

src/pages/MainPage.tsx

@@ -0,0 +1,14 @@
+import React from "react";
+import TaskForm from "../components/TaskForm";
+import TaskList from "../components/TaskList";
+
+const MainPage: React.FC = () => {
+	return (
+		<>
+			<TaskForm />
+			<TaskList />
+		</>
+	);
+};
+
+export default MainPage;

src/pages/NotFound.tsx

@@ -0,0 +1,7 @@
+import React from "react";
+
+const NotFound: React.FC = () => {
+	return <div>Not found</div>;
+};
+
+export default NotFound;

src/pages/TaskPage.tsx

@@ -0,0 +1,19 @@
+import React from "react";
+import { useParams } from "react-router-dom";
+import { TaskContext } from "../contexts/taskContext";
+import { useContext } from "react";
+
+const TaskPage: React.FC = () => {
+	const { taskId } = useParams();
+	const numerizedTaskId = Number(taskId);
+
+	const { tasks } = useContext(TaskContext);
+
+	const taskInQuestion = tasks.find((task) => task.id === numerizedTaskId);
+
+	if (!taskInQuestion) return <div>Task not found</div>;
+
+	return <div>Task {taskId}</div>;
+};
+
+export default TaskPage;