В чем задача?

Нужно разработать законченное адаптивное One Page приложение (desktop/mobile) с полным функционалом:

  • Добавление тасок с приоритетом или категорией.
  • Редактирование прямо на странице без перезагрузки.
  • Drag-and-Drop (можно функциональными кнопками) для группировки задач по колонкам или спискам.
  • Удаление с локальным отслеживанием состояния (localStorage ключа-значения).
  • Автоматическое обновление данных между элементами (real-time через DOM-манипуляции).

Требования к техреализации

  1. FRONT-END: Исключительно HTML + CSS (flex / grid / медиа̶запросы). Никаких библиотек или UI-фреймворков (Vue/React/Angular запрещены).
  2. BACK-END: Отсутствует (либо макет localStorage/открытое JSON). Если нужно для демонстрации - хранить в localStorage индекс.
  3. Адаптив: Сетка обертки гарантирует корректное отображение на экранах от 320px.

Типовые задачи в interface:

  • Input для новой задачи + кнопка 'Submit'.
  • Счетчик выполненных/невыполненных тасок (dashboard 'stats').
  • Перестановка задачи между категориями (in-box/on progress/done).
  • Режим форматирования заголовка/приоритета с dropdown секцией.
  • Сортировка группами: дата добавления↕ / алфавит / статус выполнения.