kinopoisk

Это React-приложение, позволяющее пользователям искать, фильтровать и просматривать информацию о фильмах и сериалах. Деплой доступен по ссылке

Функционал

Страница со списком фильмов:

• Отображение списка фильмов и сериалов
• Пагинация
• Выбор количества фильмов на странице (по умолчанию 10)
• Фильтрация по году, стране и возрастному рейтингу
• Поиск по названию фильма
• Переход на страницу отдельного фильма

Страница отдельного фильма:

• Информация о фильме/сериале (название, описание, рейтинг)
• Список актёров с пагинацией
• Список сезонов и серий с пагинацией
• Отзывы пользователей с пагинацией
• Карусель постеров
• Карусель похожих фильмов
• Отображение заглушек для пустых списков
• Кнопка "Назад" с сохранением фильтров и страницы

Технологии

• React
• TypeScript
• React Router Dom
• Redux Toolkit
• CSS Modules
• Ant Design

Как запустить проект локально

Для запуска проекта на вашем локальном компьютере выполните следующие шаги:

Получите API-токен, следуя инструкции из документации

Создайте файл .env.local в корне проекта и добавьте туда переменную окружения с вашим API-токеном:

REACT_APP_TOKEN=<your_api_token>

Установите зависимости:

npm install

Запустите проект в режиме разработки:

npm run start

Авторы

• Роман Кондрашев - distanceOn@yandex.ru