Skip to content

Instantly share code, notes, and snippets.

@geksilla

geksilla/task.md Secret

Last active April 9, 2019 08:25
Show Gist options
  • Save geksilla/72a0cb882d2b7d8b4336 to your computer and use it in GitHub Desktop.
Save geksilla/72a0cb882d2b7d8b4336 to your computer and use it in GitHub Desktop.

Приложение книги

Создать SPA приложение для отображения книг и авторов используя любой javascript SPA фреймворк (Ember.js, Angular, Backbone, React и тп.) Для верстки можно использовать любой CSS фреймворк (Bootsrap, Zurb, Flexgrid, Semantic UI и тп.). Каждая страница должна иметь уникальную ссылку. Переходы по страницам в приложении осуществляются без перезагрузки страницы. Данные по книгам и авторам возвращает сервер в JSON формате. Реализация сервера остается за автором, можно использовать любые готовые решения, CRUD не нужен!

Страницы:

Список книг

Перечень доступных книг. Отображаем заголовок и автора/авторов. При клике на заголовок переходим на страницу о книге, при клике на автора переходим на страницу автора.

Список авторов

Перечень авторов. При клике на автора показываем выпадающее меню. Первый элемент переход на страницу автора, остальные список книг с переходом по клику.

Страница автор

Отображаем данные по автору:

  • ФИО
  • Биография
  • Список книг написанные автором с возможностью перехода на каждую книгу
Cтраница книга
  • Название книги
  • Автор с возможностью перехода на его страницу
  • Жанр с возможностью перехода на страницу по выбарнному жанру
  • Краткое содержание
Страница жанр

Показываем список книг по выбранному жанру, представление идентично странице *Список книг

Поиск контента

Создать поле ввода в шапке приложения, которое поможет пользователю найти необходимый контент. При вводе символов показываем совпадения в выпадающем списке. Выпадающий список должен быть разбит на группы Автор, Книга, Жанр. При выборе элемента из списка переводим пользователя на страницу, которая относится к выбранному элементу.

Исходники выкладываем на github или bitbucket. К проекту обязательно README с инструкцией по установке и запуску.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment