/superheroes

Primary LanguageJavaScript

superheroes

example

Разработать приложение superheroes для подбора своей команды супергероев

Тех. требования:

  • Приложение должно быть реализовано c помощью create-react-app и redux
  • Приложение должно корректно отображаться в диапазоне 320 - 767 px
  • Макеты
  • Данные для приложения лежат в файле superheroes.json

Приложение состоит из 4-х блоков:

1. Список выбранных супергероев

  • Список один для обеих вселенных комиксов
  • Список не показывается если не выбрано ни одного супергероя
  • Добавляется горизонтальный скролл, если супергерои "не влезают"
  • При наведении мыши на супергероя должен появляться крестик
  • Если выбраны несколько одинаковых супергероев - карточка супергероя должна быть одна, но со счетчиком

2. Поиск

  • При изменении поля поиска должен происходить фильтр супергероев по имени
  • При смене вселенной комиксов поле поиска должно очищаться

3. Каталог супергероев

  • По клику на супергероя его карточка добавляется в список супергероев (либо изменяется счетчик, если карточка уже там есть)

4. Переключатель вселенной комиксов

  • При запуске приложения должна показываться вселенная DC
  • При смене вселенной должно происходить изменение pathname на название вселенной (/dc или /marvel)