Канбан-доска Это веб-приложение для управления задачами с использованием методологии Канбан. Проект разработан с использованием React и предоставляет пользователям возможность создавать, редактировать и отслеживать задачи в визуальном формате доски.
Основные функции:
Авторизация и регистрация пользователей
Создание, редактирование и удаление задач
Распределение задач по колонкам в соответствии с их статусом
Изменение статуса задач
Выбор категории и срока выполнения для задач
Переключение между светлой и темной темами
Установка и запуск:
Клонируйте репозиторий: https://github.com/Balaura/skypro-kanban
Перейдите в директорию проекта: cd s
Установите зависимости: npm install
Запустите проект: npm run dev
Приложение будет доступно по адресу http://localhost:5173/
Технологии:
React
React Router
Styled Components
Чек-лист приемочного тестирования
Авторизация и регистрация:
Стартовый экран — экран «Вход»
Пользователь может ввести почту и пароль и войти в систему
При вводе неверных данных отображается сообщение об ошибке
Кнопка «Войти» неактивна при неверных/неполных данных
Есть возможность перейти на экран регистрации
На экране регистрации пользователь может создать новый аккаунт
После регистрации пользователь попадает на экран входа
Реализован выход из аккаунта с подтверждением
Главный экран (Канбан-доска):
После входа отображается канбан-доска с задачами Задачи распределены по колонкам в соответствии с их статусом Каждая карточка содержит категорию, название задачи и срок исполнения
Создание новой задачи:
Есть кнопка «Создать новую задачу»
При нажатии открывается модальное окно создания задачи
В окне создания задачи есть поля: название, описание, категория, срок исполнения
Работает выбор категории задачи
Работает выбор даты в календаре
После создания задача появляется на доске без перезагрузки страницы
Просмотр и редактирование задачи:
При клике на карточку открывается окно просмотра задачи
В режиме просмотра поля недоступны для редактирования
Есть кнопка «Редактировать задачу»
В режиме редактирования можно изменить статус, описание и дату задачи
Измененный статус визуально отображается
Сохранение изменений обновляет задачу на доске без перезагрузки
Есть возможность отменить редактирование
Удаление задачи: В окне просмотра/редактирования есть кнопка удаления задачи
При удалении задача исчезает с канбан-доски без перезагрузки страницы
Интерфейс:
Реализовано модальное окно пользователя В окне пользователя отображаются имя и почта
Есть переключатель для смены темы (светлая/темная)
Внешний вид приложения соответствует макету
Работа с цветовыми темами:
Реализовано переключение между светлой и темной темами
Выбранная тема сохраняется между сессиями
Все элементы корректно отображаются в обеих темах
Общая функциональность:
При загрузке данных отображается индикатор загрузки
Приложение корректно обрабатывает ошибки и отображает сообщения пользователю
Все кнопки и интерактивные элементы реагируют на наведение и нажатие
Приложение работает без видимых багов и ошибок в консоли
Дополнительно:
Реализовано форматирование даты в карточках задач
Корректная работа навигации без перезагрузки страницы
Защита роутов (недоступность защищенных страниц без авторизации)
Автор (https://github.com/Balaura)