feat: build out todo feature with routing and backend API

Frontend:
- TodoList, TodoForm, TodoPage components (.ts-only, Tailwind, OnPush)
- lib.routes.ts with TodoStore scoped to route
- /todos route added to app.routes.ts
- Todos nav link added to shared nav-links
- 16 passing tests across store and components

Backend:
- GET/POST /api/todos, PATCH/DELETE /api/todos/{id}
- In-memory TodoRepository (singleton, ConcurrentDictionary)
- TodoRepository registered in Program.cs
- 8 new unit tests for repository (9 total, all passing)
- Api.http updated with todo request examples

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>

Author: chrisjwalk-bot

apps/api/Api.Test/Api.Test.csproj

@@ -21,4 +21,8 @@
     </PackageReference>
   </ItemGroup>
 
+  <ItemGroup>
+    <ProjectReference Include="..\Api\Api.csproj" />
+  </ItemGroup>
+
 </Project>

apps/api/Api.Test/UnitTest.cs

@@ -8,4 +8,94 @@ public void Test()
       Assert.True(true);
     }
   }
+
+  public class TodoRepositoryTests
+  {
+    private static TodoRepository CreateRepo() => new();
+
+    [Fact]
+    public void GetAll_ReturnsEmpty_WhenNoTodosAdded()
+    {
+      var repo = CreateRepo();
+      Assert.Empty(repo.GetAll());
+    }
+
+    [Fact]
+    public void Add_ReturnsTodoWithGeneratedId()
+    {
+      var repo = CreateRepo();
+      var result = repo.Add(new CreateTodoRequest("Buy milk", "From the store", false));
+
+      Assert.NotNull(result.Id);
+      Assert.NotEmpty(result.Id);
+      Assert.Equal("Buy milk", result.Title);
+      Assert.Equal("From the store", result.Description);
+      Assert.False(result.Completed);
+    }
+
+    [Fact]
+    public void Add_MultipleTodos_AreAllReturned()
+    {
+      var repo = CreateRepo();
+      repo.Add(new CreateTodoRequest("First", "", false));
+      repo.Add(new CreateTodoRequest("Second", "", false));
+
+      Assert.Equal(2, repo.GetAll().Count());
+    }
+
+    [Fact]
+    public void Update_ExistingTodo_ReturnsUpdated()
+    {
+      var repo = CreateRepo();
+      var todo = repo.Add(new CreateTodoRequest("Original", "", false));
+
+      var updated = repo.Update(todo.Id, new UpdateTodoRequest("Updated", null, true));
+
+      Assert.NotNull(updated);
+      Assert.Equal("Updated", updated!.Title);
+      Assert.True(updated.Completed);
+      Assert.Equal("", updated.Description); // unchanged
+    }
+
+    [Fact]
+    public void Update_NonExistentId_ReturnsNull()
+    {
+      var repo = CreateRepo();
+      var result = repo.Update("missing-id", new UpdateTodoRequest("x", null, null));
+      Assert.Null(result);
+    }
+
+    [Fact]
+    public void Update_OnlyPatchesProvidedFields()
+    {
+      var repo = CreateRepo();
+      var todo = repo.Add(new CreateTodoRequest("Title", "Desc", false));
+
+      var updated = repo.Update(todo.Id, new UpdateTodoRequest(null, null, true));
+
+      Assert.Equal("Title", updated!.Title);
+      Assert.Equal("Desc", updated.Description);
+      Assert.True(updated.Completed);
+    }
+
+    [Fact]
+    public void Remove_ExistingTodo_ReturnsTrueAndRemoves()
+    {
+      var repo = CreateRepo();
+      var todo = repo.Add(new CreateTodoRequest("Delete me", "", false));
+
+      var removed = repo.Remove(todo.Id);
+
+      Assert.True(removed);
+      Assert.Empty(repo.GetAll());
+    }
+
+    [Fact]
+    public void Remove_NonExistentId_ReturnsFalse()
+    {
+      var repo = CreateRepo();
+      Assert.False(repo.Remove("missing-id"));
+    }
+  }
 }
+

apps/api/Api/Api.http

@@ -30,3 +30,36 @@ Accept: application/json
 Authorization: Bearer {{access_token}}
 
 ###
+
+### List all todos
+GET {{Api_HostAddress}}/todos
+Accept: application/json
+
+###
+
+### Create a todo
+POST {{Api_HostAddress}}/todos
+Content-Type: application/json
+
+{
+  "title": "Buy groceries",
+  "description": "Milk, eggs, bread",
+  "completed": false
+}
+
+###
+
+### Update a todo (replace <id> with a real ID)
+PATCH {{Api_HostAddress}}/todos/<id>
+Content-Type: application/json
+
+{
+  "completed": true
+}
+
+###
+
+### Delete a todo (replace <id> with a real ID)
+DELETE {{Api_HostAddress}}/todos/<id>
+
+###

apps/api/Api/Endpoints/TodoEndpoints.cs

@@ -0,0 +1,85 @@
+using System;
+using System.Collections.Concurrent;
+using System.Collections.Generic;
+using System.Linq;
+using Microsoft.AspNetCore.Builder;
+using Microsoft.AspNetCore.Http;
+using Microsoft.AspNetCore.Routing;
+
+public record TodoItem(
+  string Id,
+  string Title,
+  string Description,
+  bool Completed,
+  string CreatedAt
+);
+
+public record CreateTodoRequest(string Title, string Description, bool Completed = false);
+
+public record UpdateTodoRequest(string? Title, string? Description, bool? Completed);
+
+public class TodoRepository
+{
+  private readonly ConcurrentDictionary<string, TodoItem> _todos = new();
+
+  public IEnumerable<TodoItem> GetAll() =>
+    _todos.Values.OrderBy(t => t.CreatedAt);
+
+  public TodoItem Add(CreateTodoRequest req)
+  {
+    var todo = new TodoItem(
+      Id: Guid.NewGuid().ToString(),
+      Title: req.Title,
+      Description: req.Description,
+      Completed: req.Completed,
+      CreatedAt: DateTime.UtcNow.ToString("O")
+    );
+    _todos[todo.Id] = todo;
+    return todo;
+  }
+
+  public TodoItem? Update(string id, UpdateTodoRequest req)
+  {
+    if (!_todos.TryGetValue(id, out var existing))
+      return null;
+
+    var updated = existing with
+    {
+      Title = req.Title ?? existing.Title,
+      Description = req.Description ?? existing.Description,
+      Completed = req.Completed ?? existing.Completed,
+    };
+    _todos[id] = updated;
+    return updated;
+  }
+
+  public bool Remove(string id) => _todos.TryRemove(id, out _);
+}
+
+public static class TodoEndpoints
+{
+  public static IEndpointRouteBuilder MapTodoEndpoints(this IEndpointRouteBuilder app)
+  {
+    var group = app.MapGroup("/api/todos").WithTags("Todos");
+
+    group.MapGet("", (TodoRepository repo) =>
+      Results.Ok(repo.GetAll()));
+
+    group.MapPost("", (CreateTodoRequest req, TodoRepository repo) =>
+    {
+      var todo = repo.Add(req);
+      return Results.Created($"/api/todos/{todo.Id}", todo);
+    });
+
+    group.MapPatch("{id}", (string id, UpdateTodoRequest req, TodoRepository repo) =>
+    {
+      var todo = repo.Update(id, req);
+      return todo is null ? Results.NotFound() : Results.Ok(todo);
+    });
+
+    group.MapDelete("{id}", (string id, TodoRepository repo) =>
+      repo.Remove(id) ? Results.NoContent() : Results.NotFound());
+
+    return app;
+  }
+}

apps/api/Api/Program.cs

@@ -83,6 +83,7 @@
   .AddApiEndpoints();
 
 builder.Services.AddScoped<TokenService>();
+builder.Services.AddSingleton<TodoRepository>();
 
 var connectionString = builder.Environment.IsDevelopment()
   ? builder.Configuration.GetConnectionString("AZURE_SQL_CONNECTIONSTRING")
@@ -197,6 +198,9 @@
 // Custom JWT auth endpoints: login / refresh / logout
 app.MapAuthEndpoints(app.Environment.IsDevelopment());
 
+// Todo CRUD endpoints (in-memory store)
+app.MapTodoEndpoints();
+
 // Keep Identity account-management endpoints (password reset, email confirmation, 2FA setup, etc.)
 // Login and refresh from this group are superseded by /api/auth/* above.
 app.MapGroup("/api/account")

apps/web-app/src/app/app.routes.ts

@@ -14,6 +14,10 @@ export const routes: Route[] = [
     loadChildren: () =>
       import('@myorg/weather-forecast').then((m) => m.weatherForecastRoutes),
   },
+  {
+    path: 'todos',
+    loadChildren: () => import('@myorg/todo').then((m) => m.todoRoutes),
+  },
   {
     path: 'login',
     loadChildren: () => import('@myorg/login').then((m) => m.loginRoutes),

libs/shared/src/lib/components/nav-links.ts

@@ -6,6 +6,12 @@ export interface NavLink {
 }
 
 export const NAV_LINKS: NavLink[] = [
+  {
+    routerLink: '/todos',
+    icon: 'check_circle',
+    hint: 'Todos',
+    label: 'Todos',
+  },
   {
     routerLink: '/weather-forecast',
     icon: 'get_app',

libs/todo/src/index.ts

@@ -1,4 +1,7 @@
-export * from './lib/todo/todo';
+export * from './lib/lib.routes';
 export * from './lib/models/todo';
 export * from './lib/services/todo.service';
 export * from './lib/state/todo.store';
+export * from './lib/components/todo-page/todo-page';
+export * from './lib/components/todo-list/todo-list';
+export * from './lib/components/todo-form/todo-form';

libs/todo/src/lib/components/todo-form/todo-form.spec.ts

@@ -0,0 +1,16 @@
+import { render, screen } from '@testing-library/angular';
+
+import { TodoForm } from './todo-form';
+
+describe('TodoForm', () => {
+  it('should create', async () => {
+    await render(TodoForm);
+    expect(screen.getByTestId('lib-todo-form')).toBeTruthy();
+  });
+
+  it('should render title and description inputs', async () => {
+    await render(TodoForm);
+    expect(screen.getByPlaceholderText('What needs to be done?')).toBeTruthy();
+    expect(screen.getByPlaceholderText('Optional details…')).toBeTruthy();
+  });
+});

libs/todo/src/lib/components/todo-form/todo-form.ts

@@ -0,0 +1,91 @@
+import { ChangeDetectionStrategy, Component, output } from '@angular/core';
+import {
+  ReactiveFormsModule,
+  FormControl,
+  FormGroup,
+  Validators,
+} from '@angular/forms';
+import { MatFormField, MatLabel, MatError } from '@angular/material/form-field';
+import { MatInput } from '@angular/material/input';
+import { MatButton } from '@angular/material/button';
+import { MatIcon } from '@angular/material/icon';
+
+import { CreateTodoRequest } from '../../models/todo';
+
+@Component({
+  selector: 'lib-todo-form',
+  imports: [
+    ReactiveFormsModule,
+    MatFormField,
+    MatLabel,
+    MatError,
+    MatInput,
+    MatButton,
+    MatIcon,
+  ],
+  template: `
+    <form class="flex flex-col gap-3" [formGroup]="form" (ngSubmit)="submit()">
+      <div class="flex flex-col gap-3 sm:flex-row sm:items-start">
+        <mat-form-field appearance="outline" class="flex-1">
+          <mat-label>Title</mat-label>
+          <input
+            matInput
+            formControlName="title"
+            placeholder="What needs to be done?"
+            autocomplete="off"
+          />
+          @if (
+            form.controls.title.hasError('required') &&
+            form.controls.title.touched
+          ) {
+            <mat-error>Title is required</mat-error>
+          }
+        </mat-form-field>
+        <mat-form-field appearance="outline" class="flex-1">
+          <mat-label>Description</mat-label>
+          <input
+            matInput
+            formControlName="description"
+            placeholder="Optional details…"
+            autocomplete="off"
+          />
+        </mat-form-field>
+        <button
+          mat-flat-button
+          type="submit"
+          class="h-14 shrink-0"
+          [disabled]="form.invalid"
+        >
+          <mat-icon>add</mat-icon>
+          Add
+        </button>
+      </div>
+    </form>
+  `,
+  host: {
+    class: 'block',
+    'data-testid': 'lib-todo-form',
+  },
+  changeDetection: ChangeDetectionStrategy.OnPush,
+})
+export class TodoForm {
+  create = output<CreateTodoRequest>();
+
+  readonly form = new FormGroup({
+    title: new FormControl('', {
+      nonNullable: true,
+      validators: [Validators.required],
+    }),
+    description: new FormControl('', { nonNullable: true }),
+  });
+
+  submit() {
+    if (this.form.invalid) return;
+    this.create.emit({
+      title: this.form.controls.title.value.trim(),
+      description: this.form.controls.description.value.trim(),
+      completed: false,
+    });
+    this.form.reset();
+  }
+}