Skip to content

kostili-tec/movie-portal

Repository files navigation

Movie Portal

изображение

Описание

Movie Portal - это веб-приложение для поиска и просмотра информации о фильмах. Приложение предоставляет возможность просматривать список фильмов, просматривать подробную информацию о каждом фильме, а также добавлять фильмы в избранное.

Стек

  • React JS
  • Typescript
  • Redux Toolkit
  • RTK Query
  • React Router
  • SCSS
  • ESLint
  • Prettier

Требования к проекту

  • Использование функциональных компонентов с хуками.
  • Четкое разделение на умные и глупые компоненты.
  • Рендеринг списков в компонентах.
  • Реализация форм в компонентах.
  • Применение React Контекст API.
  • Использование предохранителя (ErrorBoundary).
  • Наличие кастомных хуков (минимум 1).
  • Использование PropTypes (для проектов без TS).
  • Применение Debounce.
  • Применение lazy loading + Suspense.
  • Использование Redux Toolkit.
  • Использование RTK Query.
  • Наличие кастомной мидлвары (минимум 1).
  • Регистрация пользователей осуществляется через LocalStorage.

Особенности

  • Отображение списка фильмов с возможностью фильтрации и поиска.
  • Просмотр подробной информации о каждом фильме.
  • Добавление фильмов в избранное.
  • Адаптация под мобильные устройства.
  • Поддержка светлой и темной темы.

Установка и запуск

  1. Клонировать репозиторий: git clone https://github.com/your-username/movie-portal.git
  2. Установить зависимости: npm i --legacy-peer-deps
  3. Запустить приложение: npm start