Проект: админ-панель

Заказчики и команды просят «панель управлять данными». Собираем её руками: таблицы с фильтрами, графики метрик и экспорт CSV — на реальном API, который вы тоже напишете.

Состав

• таблица сущности (пользователи/заказы) с пагинацией и фильтрами по статусу;
• график метрик: Recharts/Chart.js на данных из API (урок 54 и 58);
• экспорт CSV: кнопка скачивания текущего фильтра;
• редактирование/удаление строк с подтверждением (урок 41);
• авторизация admin на бэке (урок 24).

Экспорт кнопкой

async function exportCsv(filters) {
  const res = await fetch("/api/v1/orders/export?" + new URLSearchParams(filters));
  const blob = await res.blob();
  const a = document.createElement("a");
  a.href = URL.createObjectURL(blob);
  a.download = "orders.csv";
  a.click();
}