https://github.com/wasabina67/fastapi-react-todo

FastAPI React Todo
https://github.com/wasabina67/fastapi-react-todo

fastapi openapi openapi-typescript react reactjs todo todo-app type-safe typescript vite

Last synced: 8 days ago
JSON representation

FastAPI React Todo

• Host: GitHub
• URL: https://github.com/wasabina67/fastapi-react-todo
• Owner: wasabina67
• License: mit
• Created: 2026-03-22T01:00:17.000Z (3 months ago)
• Default Branch: main
• Last Pushed: 2026-03-22T07:47:47.000Z (3 months ago)
• Last Synced: 2026-03-22T21:22:37.489Z (3 months ago)
• Topics: fastapi, openapi, openapi-typescript, react, reactjs, todo, todo-app, type-safe, typescript, vite
• Language: Python
• Homepage:
• Size: 136 KB
• Stars: 0
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# fastapi-react-todo

FastAPI React Todo

## Setup

### Backend

```bash

cd backend

```

```bash

uv sync

```

```bash

uv run uvicorn app.main:app --reload

```

Backend runs on http://localhost:8000

### Frontend

```bash

cd frontend

```

```bash

npm install

```

```bash

npm run dev

```

Frontend runs on http://localhost:5173

The Vite dev server proxies `/api` requests to the backend.

## Type-Safe API

API calls are fully type-safe through the following flow:

**Pydantic models → OpenAPI schema → TypeScript types**

To regenerate TypeScript types from the OpenAPI schema (backend must be running):

```bash

cd frontend

```

```bash

npm run generate:api

```

The generated types are used by the `openapi-fetch` client.