Тестовое задание
Задача разработать SPA приложение на vue + vuex + vue-router.
Приложение должно получать данные из 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.