Implemented the TaskListView view and its respective view model in the app target.

App/Resources/Localizable.xcstrings

@@ -154,6 +154,16 @@
         }
       }
     },
+    "view.task-list.content-unavailable.title" : {
+      "extractionState" : "manual",
+      "localizations" : {
+        "en" : {
+          "stringUnit" : {
+            "state" : "translated",
+            "value" : "All Tasks Completed"
+          }
+        }
+      }
     }
   },
   "version" : "1.1"

App/Sources/View Models/TaskListViewModel.swift

@@ -0,0 +1,43 @@
+import SwiftData
+import SwiftUI
+
+extension TaskListView {
+
+    /// View model for managing the logic for the task list view.
+    ///
+    /// This observable class encapsulates the state and business logic for the task list view.
+    /// It follows the MVVM pattern to separate presentation logic from the view layer.
+    ///
+    /// ## Responsibilities
+    /// - Providing the navigation title for the current group
+    @Observable
+    final class ViewModel {
+
+        // MARK: Properties
+
+        /// The task group to display tasks for.
+        ///
+        /// This property determines which tasks are fetched and displayed in the list.
+        private let group: TodoGroup
+
+        // MARK: Initialization
+
+        /// Initializes a new view model instance for a specific task group.
+        ///
+        /// - Parameter group: The task group to display tasks for.
+        init(group: TodoGroup) {
+            self.group = group
+        }
+
+        // MARK: Computed
+
+        /// The navigation title for the current task group.
+        ///
+        /// This computed property provides the localized title for the current group,
+        /// suitable for display in a navigation bar.
+        ///
+        /// - Returns: The localized title key for the current group.
+        var navigationTitle: LocalizedStringKey { group.title }
+
+    }
+}

App/Sources/Views/TaskListView.swift

@@ -0,0 +1,99 @@
+import SwiftData
+import SwiftUI
+
+/// A view that displays all todo tasks for a specific task group.
+///
+/// This view shows a filtered list of tasks based on the selected group (today, upcoming, past, or completed).
+/// The view uses a view model to separate business logic from presentation.
+struct TaskListView: View {
+    
+    // MARK: Properties
+    
+    /// Query to fetch todos filtered by the current group.
+    @Query
+    private var tasks: [Todo]
+    
+    /// The view model managing the business logic for this view.
+    @State
+    private var viewModel: ViewModel
+
+    // MARK: Initialization
+    
+    /// Creates a new task list view for a specific group.
+    /// - Parameter group: The todo group to display tasks for.
+    init(group: TodoGroup) {
+        _tasks = .init(FetchDescriptor<Todo>(group: group))
+        _viewModel = .init(initialValue: ViewModel(group: group))
+    }
+    
+    // MARK: Body
+    
+    /// The content and behavior of the view.
+    ///
+    /// Displays a list of tasks filtered by the current group.
+    var body: some View {
+        Group {
+            if tasks.isEmpty {
+                ContentUnavailableView(
+                    "view.task-list.content-unavailable.title",
+                    systemImage: "checkmark.circle"
+                )
+            } else {
+                List {
+                    ForEach(tasks) { todo in
+                        Item(todo)
+                    }
+                }
+                .listStyle(.grouped)
+            }
+        }
+        .navigationTitle(viewModel.navigationTitle)
+    }
+}
+
+// MARK: - Previews
+
+#Preview(
+    "Task list with empty tasks",
+    traits: .emptyContainer
+) {
+    NavigationStack {
+        TaskListView(group: .today)
+    }
+}
+
+#Preview(
+    "Task list - today",
+    traits: .sampleTasks
+) {
+    NavigationStack {
+        TaskListView(group: .today)
+    }
+}
+
+#Preview(
+    "Task list - upcoming",
+    traits: .sampleTasks
+) {
+    NavigationStack {
+        TaskListView(group: .upcoming)
+    }
+}
+
+#Preview(
+    "Task list - overdue",
+    traits: .sampleTasks
+) {
+    NavigationStack {
+        TaskListView(group: .overdue)
+    }
+}
+
+#Preview(
+    "Task list - completed",
+    traits: .sampleTasks
+) {
+    NavigationStack {
+        TaskListView(group: .completed)
+    }
+}