Task Manager

Простое приложение для управления задачами с бесконечным скроллом, виртуализацией списка и полным CRUD.

Стек

• React 18 + TypeScript
• Vite — сборщик
• React Router DOM v6 — роутинг
• TanStack Query — серверное состояние и кэширование
• TanStack Virtual — виртуализация списка
• SASS + CSS Modules — стили
• json-server — мок-бэкенд
• FSD (Feature-Sliced Design) — архитектура

Функциональность

• Список задач с бесконечным скроллом и виртуализацией
• Страница отдельной задачи
• Создание, редактирование и удаление задач

Запуск

Установка зависимостей

npm install

Запуск в режиме разработки

npm run dev

Структура проекта

src/
├── app/          # Точка входа, провайдеры, роутер, глобальные стили
├── pages/        # Страницы (TaskListPage, TaskDetailPage)
├── widgets/      # Крупные блоки UI (TaskList, TaskCard)
├── features/     # Действия пользователя (createTask, updateTask, deleteTask)
├── entities/     # Бизнес-сущности (task — типы, API)
└── shared/       # Общее (ui-кит, хуки, конфиг, стили)