Skip to content

Instantly share code, notes, and snippets.

@soal

soal/test-task.md

Forked from krambertech/test-task.md
Last active December 8, 2017 10:24
Show Gist options
  • Save soal/5201a9d398470c291cb682c7a5488dec to your computer and use it in GitHub Desktop.
Save soal/5201a9d398470c291cb682c7a5488dec to your computer and use it in GitHub Desktop.
Download ZIP
Front-End Developer Position: Test Task
Raw
test-task.md

Test Task

Основная задача посмотреть насколько хорошо вы сможете разобраться с новыми технологиями в относительно короткий срок. В идеале, на него нужно потратить не более 3 дней. А так - делайте сколько делается, пока мы не закроем вакансию ;)

Описание

Нужно написать одностраничное приложения для просмотра фильмов с помощью The Movie Database API.

При открытии приложения, должен отображаться список популярных фильмов с пагинацией или динамической подгрузкой (на выбор). Также на странице должно быть поле для поиска. Когда ты вводишь туда какой-то текст, должны отобразиться фильмы которые ему соответствуют. Для каждого фильма в списке должен отображаться список жанров (названий жанров, не айдишек), к которым он принадлежит.

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

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

Технологии

При реализации задания необходимо использовать следующие технологии:

  1. Vue 2
  2. Vuex
  3. Vue-router

Важно!

  1. Вы можете использовать готовые компоненты и/или утилиты. Например, библиотеки из списка https://curated.vuejs.org/ (предпочтительно) или https://github.com/vuejs/awesome-vue
  2. Внешний вид приложения тоже оценивается. Попробуйте продумать интерфейс пользователя и его взаимодействие с приложением / UX
  3. По желанию, можете покрыть код необходимым набором тестов
  4. Используйте ES2015 в этом задании
  5. Добавьте к решению инструкции по запуску проекта и краткое описание решения
  6. Выложите куда-то рабочее приложение, например, на GitHub Pages или Heroku

Полезные материалы

Ссылки с документацией к API:

Советую почитать / посмотреть:

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