Тестовое задание

Задача разработать SPA приложение на vue + vuex + vue-router.

Приложение должно получать данные из API и выводить их в клиентскую часть.

Api: https://dog.ceo/dog-api

Меню

Меню должно отображаться вверху на всех страницах и состоять из пунктов

• Главная
• порода (селект с выбором породы)
• избранное

Навигация по этим пунктам должна осуществляться с помощью vue-router.

Главная страница приложения

• Отображает список изображений всех собак.
• В шапке должен быть селект позволяющий отфильтровать изображения по породе.
• По стандарту должно отображаться 20 изображений и реализован бесконечный скролл с подгрузкой следующих 20 изображений.

Страницы пород

При выборе определенной породы в селекте, должен произойти роутинг app.ru/{breed}

пример: app.ru/shiba

При переходе по url типа app.ru/{breed} должны загрузиться изображения только определенной породы.

Избранное

app.ru/favourites

Каждое изображение можно лайкнуть(иконка сердца), после чего эти изображения можно будет увидеть во вкладе избранное. Информация о пролайканых изображениях должна храниться в localStorage.

Общие требования

• Проект должен быть выполнен на основе скелета https://github.com/vuejs-templates/webpack.
• Использование ESLINT standard обязательно.
• Вся логика работы с апи должна происходить во VUEX.
• Компонент должны брать данные из vuex и отображать их.
• Нельзя использовать никакие библиотеки кроме vue, vuex, vue-router, axios.
• Писать все на ES6+.
• Дизайн приложения на собственное усмотрение. (без использования css фреймворков)
• Проект должен быть выложен на github.