Skip to content

Add full-stack todo example app#3

Merged
ntatoud merged 1 commit intomainfrom
ntatoud/example-app
Feb 5, 2026
Merged

Add full-stack todo example app#3
ntatoud merged 1 commit intomainfrom
ntatoud/example-app

Conversation

@ntatoud
Copy link
Owner

@ntatoud ntatoud commented Feb 5, 2026

Summary

  • Replace the basic example app with a complete todo app featuring a react-http backend and a React + Vite frontend
  • Backend: Full CRUD API (/api/todos) with CORS, logging middleware, query filtering, and statistics endpoint — all defined declaratively with react-http JSX components
  • Frontend: React app with components (TodoForm, TodoItem, TodoList, TodoFilters), a useTodos hook, and API client, tested with Vitest + Testing Library (39 tests)
  • Bugfix: Fix Server component not forwarding the port prop to the reconciler, which caused the server to always default to port 3000
  • 54 new tests across backend (15) and frontend (39), all passing

Test plan

  • pnpm test — all 94 tests pass (40 react-http + 15 backend + 39 frontend)
  • pnpm build — all packages build successfully
  • Start backend (pnpm --filter @todo-app/backend dev) and frontend (pnpm --filter @todo-app/frontend dev), verify the app works at http://localhost:3000

🤖 Generated with Claude Code

Replace the basic example app with a complete todo app featuring a
react-http backend (CRUD API with middleware) and a React + Vite
frontend with comprehensive Vitest test coverage (54 new tests).

Also fix the Server component not forwarding the port prop to the
reconciler, which caused the server to always default to port 3000.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
@ntatoud ntatoud merged commit afec126 into main Feb 5, 2026
1 check passed
@ntatoud ntatoud deleted the ntatoud/example-app branch February 5, 2026 20:14
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant

Comments