Тема курсовой работы: Разработка веб приложения "Канбан-доска"
Немного теории о том что такое Канбан-доска и как она выглядит: https://ru.wikipedia.org/wiki/Канбан-доска
Основные требования к приложению совпадают с разделами курса:
- UI компоненты необходимо разработать с применением принципов ООП (можно как с помощью классов ES6 так и с помощью "классических" методов функционального насследования - на выбор)
- Работа с DOM и событиями: создание карточек, перемещение карточек, отображение информации по колонкам и т.п. (без пременения внешних библиотек вроде jQuery)
- Начальная загрузка карточек - с помощью HTTP запроса на сервис (в AJAX формате), полученные карточки сохраняются в Localstorage и затем работа происходит уже с Localstorage.
- Так как в курсе и в задании не рассматривается создание RESTful API то необходимо реализовать лишь подключение к сервису и получение данных. Сам сервис можно реализовать самостоятельно (при желании), настроить готовый сервис (например Firebase) или воспользоваться предоставленным приложением на NodeJS.
В папке coursework бьіл добален пример кода для создания канбан доски с возможностью перемещения айтемов между панелями.
Можно использовать код как заготовку, необходимо добавить:
- Возможность добавлять новьіе айтемьі(тудушки) которьіе попадают при создании в первую панель
- Добавить сохранения стейта (состояния) в localStorage и при загрузке приложения проверять есть ли оно в локальном хранилище, и если есть - читать из хранилища
- Добавить кнопку - "Загрузить с сервера" при нажатии на которую загрузить туду айтемьі с адреса https://jsonplaceholder.typicode.com/todos (изучали на 10м занятии)
Желательно реализовать удаление туду айтемов (при нажатии на кнопку удаления для єлемента в панели - нужно удалять из стейта и из хтмл кода)