Админки · В проде

Календарь задач

Новый формат представления данных в таск-менеджере, сопоставимый по функциональности с Google Calendar.

Роль
Frontend Developer
Период
2024—сейчас
Стек
Vue 3 · TypeScript · Pragmatic DnD · Pinia · SCSS

Календарное представление задач: расписание вместо списка, с перетаскиванием, диапазонами и несколькими масштабами времени.

Задача

Задачи жили списком и доской. Планировать неделю на них неудобно: не видно загрузки по дням и пересечений, а срок — это просто поле в карточке.

Решение

Реализовал календарь как отдельный формат данных, а не как ещё один фильтр списка: своя модель раскладки, перетаскивание на Pragmatic DnD, работа с диапазонами и повторяющимися интервалами. Ориентир по функциональности — Google Calendar и Notion Calendar: то, что пользователь уже умеет, не должно требовать обучения.

Результат

Планирование перестало быть чтением списка сроков. Задача переносится перетаскиванием, загрузка по дням видна сразу.

Все работы