abyss-soft / vue-REST-books

Работа на Vue c API для компании по продаже книг

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Пример одностраничного Vue-приложения

Внешний вид

Страница содержит

  • Облако категорий-тегов (далее просто тегов), можно выбрать одновременно несколько
  • Блок с карточками книг (далее просто книг)
  • Кнопку «Загрузить ещё»

Карточка книги должна содержать и показывать

  • Название книги
  • Описание книги
  • Имя автора
  • Год выпуска книги

Механика работы

  1. На странице отображается список книг.
  2. Список может быть отфильтрован по тегам. При выборе одного или нескольких тегов, изменения набора выбранных тегов запросом на сервер получаем актуальный список книг.
  3. Правила вывода:
    1. Должны быть выведены 10 карточек, если есть как минимум 10 подходящих книг.
    2. Меньшее количество, если подходящих книг меньше.
    3. Если согласно фильтрации подходящих более 10, то должна быть выведена кнопка «Загрузить ещё».
  4. Если нажать на кнопку, то на страницу должны добавиться еще 10 книг. При изменении тегов, происходит сброс и вывод согласно пункту 3.

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Lints and fixes files

npm run lint

About

Работа на Vue c API для компании по продаже книг


Languages

Language:Vue 63.4%Language:JavaScript 30.5%Language:HTML 6.2%