Проект: Trello-доска

Капстоун курса: канбан с drag-and-drop карточек, realtime-синхронизацией и деплоем. Здесь сходятся React (17), стили (4–6), БД (22), WebSocket (37) и деплой (20, 48).

Колонки, карточки и порядок

// Таблица cards: id, title, column_id, position
// Перенос при дропе — один запрос на сервер:
await fetch("/api/cards/move", {
  method: "POST",
  body: JSON.stringify({ id: "c7", column: "done", pos: 0 })
});

Realtime: все видят движение

// WebSocket-газетчик (урок 37): после сохранения
// рассылаем событие остальным клиентам
ws.send(JSON.stringify({
  type: "card.moved", id: "c7", column: "done", pos: 0
}));