Skip to content

naniylid/avito-test

Repository files navigation

Приложение с API Кинопоиска

Приложение состоит из трех страниц:

  1. Страница со списком всех фильмов
  2. Страница отдельного фильма
  3. Страница получения случайного фильма

На главной странице

  1. Отображается список фильмов и сериалов
  2. Реализована  пагинация
  3. Можно выбрать количество фильмов для показа на странице
  4. Можно отфильтровать выдачу (по году, стране и возрастному рейтингу)
  5. Реализован поиск по названию фильма
  6. Можно перейти на страницу фильма из выдачи

На странице с отдельным фильмом:

  1. Отображается информация о фильме или сериале, в том числе:
    • название фильма/сериала
    • описание
    • рейтинг
    • список актёров (с пагинацией, если их больше 10); 
    • список сезонов и серий (с пагинацией, если они подразумеваются)) 
    • отзывы пользователей (с пагинацией)
  2. Реализован вывод списка фильмов, похожих на текущий, в виде «карусели». По каждому элементу можно кликнуть и открыть его страницу
  3. В случае, если какой-то из списков пустой (список отзывов, актёров, сезонов), реализовано отображение заглушки на подобие «нет информации о ...»
  4. Реализована кнопка «назад», которая ведет на выдачу. Фильтры и номер страницы при этом должны сохраняться.

Стек технологий:

  1. React 18
  2. React Router v6
  3. Redux Toolkit
  4. Axios
  5. Lodash
  6. TypeScript
  7. React Testing Library
  8. Ant Design, SCSS
  9. сборщик: Vite

image