Создать vue-component страницы. Наверстать страницу используя vue2

Создать редактор новостей сайта.

1. Создать пустой vue2-cli проект

2. Добавить в проект бутстрап 

3. Сделать корневую страницу с bootstrap - хедером.

4. В хедер добавить "Колокольчик" по клику на кторый показывать dropdown с топ-5 новостями, по клику на новость открывать ее в новом окне (новом VUE-компоненте) - при загрузке корневой страницы и компонента соответственно подгружать все доступные новости, возле колокольчика светить цифру (к примеру 3).

5. Добавить в хедер кнопку "Добавить нвоость" , по клику на которую открывать бутстрап модалку с textarea и чекбоксом "системная новость" , две кнопки - сохранить и отменить. при закрытии всё очищать, при сохранении - сохранять на бек.

6. На странице с новостями добавить возможность удалить новость и редактировать.

7. Подвязать методы для работы с Backend 

WebApi

1. Получение актуального списка новостей для текущего пользователя. попадают все активные правила (хостовые + компания пользователя) с датой публикации раньше текущего времени

    Get {WebApiUrl}/news/list/actual

    Response: [ {name: 'Name' , text: 'New demo text ' , is_system: true}, {name: 'Name2' , text: 'New demo text2' , is_system: true}]

2. одна запись 

    Get {WebApiUrl}/news/{newsId}

  Response: [ {name: 'Name' , text: 'New demo text ' , is_system: true} ]

3. создание новой записи

    Post {WebApiUrl}/news/create

4. редактирование существующей записи

    Post {WebApiUrl}/news/update

5. удаление записи

    Delete {WebApiUrl}/news/delete/{newsId}

Вся вертска (хедер, листы , кнопки и тд) с помощью бутстрапа. 

И еще много-много подобных задач