Skip to content

frontend developer.md

Latest commit

 

History

History
48 lines (39 loc) · 2.74 KB

frontend developer.md

File metadata and controls

48 lines (39 loc) · 2.74 KB

Тестовое задание Front-End

Здесь находится описание тестового задания на позицию Front-End-разработчика в Meowsign.
Если вы нашли его случайно - попробуйте сделать! Авось и вас к себе возьмём. 😉

Задача

Реализовать web-приложение - "витрину" с использованием Vue.js/React.js/Next.js,
с возможностью ведения/импорта/экспорта проектов. на базе API https://rawg.io/apidocs.
Пример: https://rawg.io/

Для тех, кто не любит формальности Короче, надо написать очень всратую витрину. Её такой просим, чтобы нам было проще оценить твои навыки и креативность в подходе к решению проблем (нам это важно 😎).

Архитектура

Приложение будет состоять из двух страниц:

Главная, каталог игр

Необходимый функционал:

  1. Пагинация (в идеале бесконечный скролл)
  2. Сортировка по: рейтингу и дате релиза игры (в обе стороны)
  3. Фильтрация по платформам
  4. Поиск по названию

Содержимое каждой “плитки” игры:

  1. Название
  2. Изображение(постер)
  3. Рейтинг
  4. Дата релиза

/game/[slug] - страница игры, на которую можно попасть, кликнув на плитку игры в каталоге, должна содержать более полную информацию об игре (помимо имевшейся на плитке):

  1. Описание
  2. Ссылка на сайт игры
  3. Слайдер со скриншотами игры

Требования

1.Реализация на React 2.Код на ES6 (без TypeScript) 3.Адаптивная mobile-first вёрстка 4.Сборка на webpack (ваш пример должен запуститься через npm i && npm start) 5.Вёрстка с нуля без использования UI-библиотек типа MaterialUI (нам важнее оценить, как вы верстаете с нуля, чем итоговые “рюшки” и красота)

Особым плюсом будет:

-Реализация в виде SSR-приложения на Next.js
-Вёрстка с использованием styled components