/movies-explorer-frontend

Проект - портфолио на React.js, с использованием принципов Single Page Application

Primary LanguageJavaScriptMIT LicenseMIT

Дипломная работа Movies Explorer

Описание проекта

Проект - портфолио на React.js, с использованием принципов Single Page Application (роутинг на стороне front-end и динамическое обновление данных страницы без перезагрузки) с добавлением функционала регистрации и авторизации пользователей. Реализован поиск фильмов по ключевым словам полученных с API

Реализовано:

  • поиск фильмов по ключевым словам + фильтр короткометражек
  • добавление фильмов в сохраненные
  • удаление карточек из сохраненных
  • редактирование данных профиля пользователя
  • регистрация пользователей
  • защищенные роуты не допускающие отображение контента не авторизованным пользователям
  • хранение данных поиска в локальном хранилище localStorage
  • всплывающие окна (Popup) для информирования пользователей об успешном действии/ошибке
  • проверка состояния авторизации пользователя, путем сохранения с последующей проверкой наличия JWT токена в локальном хранилище localStorage

Инструкции

Для начала работы вам необходимо:

  • установить NodeJS - позволяет работать с менеджером пакетов NPM и выполнять JS код вне браузеров
  • установить GIT - система контроля версий

Установка

  • клонировать проект с удаленного репозитория, для чего выполнить команду git clone git@github.com:AlexTolevich/movies-explorer-frontend.git
  • установить модули прописанные в зависимостях package.json, для чего выполнить команду npm install

Работа с проектом

  • команда npm build — собирает проект, выполняется для сборки проекта в "production"
  • команда npm start — запускает локальный сервер доступный по адресу http://localhost:3000/, файлы проекта компилируются в режиме разработки.