tasks.txt

# Тестовое задание "Календарь на Vue.js"

## Технологии которые нужно использовать
- Vue CLI
- Vuex
- SASS (SCSS) для написания стилей
- Webpack для сборки проекта

## Задание
- Сверстать страницу календаря в соответствии с макетом (адаптив продумать самому)
- Необходимо решить задание без использования готовых решений JS/CSS-библиотек для календаря
- Сохранение данных календаря в LocalStorage
- Со стороны Vue работу с данными реализовать при помощи Vuex
- Реализовать максимум логики работы с календарем (чем больше пунктов сделано, тем лучше)

## Логика работы (описание макетов)
#### Макет - mockups/test_01.png
- При переходе на страницу календаря видим текущий месяц с предустановленными событиями (если такие есть).+
- Должно работать переключение по месяцам.+
- При нажатии на кнопку "Сегодня" выполняется переход к текущей дате (месяцу).+
- Сегодняшняя дата выделяется бордером.+
- Дата которая имеет события выделяется цветом.+
- Если есть события на дату, выводятся списком их названия.+
- Если событий больше 3х внизу отображается троеточие, весь список будет заметен при нажатии на дату.+
- Кнопка в хедере "Очистить все" удаляет все события из календаря.+

#### Макет - mockups/test_02.png
- При нажатии на дату отображается попап со списком событий которые созданы для текущей даты. +
- Каждое событие характеризуется полями: Имя, Дата, Участники, Описание. И выводятся если заполнены контентом.+
- Если событий больше 2х появляется скролл в поле с событиями.+
- При нажатии на создание события открывается форма создания, поле даты автоматически подставляется.+
- При нажатии на иконку карандаша, открывается форма редактирования события.+
- При нажатии на иконку корзины, происходит удаление события.+

#### Макет - mockups/test_03.png
- Реализовать форму создания события.+
- Поля Названия и дата являются обязательными, при попытке сохранить без них появляются соответствующие ошибки.+-
- При нажатии на кнопку "Отменить", форма создания закрывается.+

#### Макет - mockups/test_04.png
- Реализовать форму редактирования события.+
- При нажатии на кнопку "Отменить", форма редактирования закрывается без сохранения.+

#### Макет - mockups/test_05.png
- При нажатии на кнопку "Добавить" в хедере, появляется форма создания события на любую дату.+
- Поля Названия и Дата являются обязательными, при попытке сохранить без них появляются соответствующие ошибки.+-

#### Макет - mockups/test_06.png
- Реализовать динамический поиск событий по названию события
- При снятии фокуса с поля поиска, результаты скрываются
- Если событий не найдено, выводиться соответствующее сообщение

### Результат разместите на GitHub и в письме пришлите ссылку на проект
### В README.md описать как развернуть приложение(страницу)