/movies-explorer-frontend

Фронтенд Moviest — сервиса по поиску документальных фильмов

Primary LanguageJavaScript

Фронтенд для сервиса Moviest

https://moviest.nomoredomains.club/

moviest

Moviest — это приложение, где вы можете искать документальные фильмы по названию и сохранять их себе в избранные. Описания фильмов предоставлены фестивалем документального кино Beat Film Festival.

Главная страница с информацией о проекте и авторе проекта доступна без регистрации. Остальные разделы защищены авторизацией (используется JWT). Это позволяет каждому человеку вести свой личный список избранных фильмов. Карточки фильмов в списке подгружаются порциями, по кнопке Ещё. Есть фильтр, который отображает только короткометражные фильмы.

В формах входа и регистрации используется «живая» валидация с помощью кастомного хука. Кнопки сабмита в формах зависят от результата валидации.

Технологии

  1. React.js
  2. Express.js
  3. MongoDB
  4. БЭМ в вёрстке
  5. Адаптивная вёрстка под мобильные устройства
  6. Авторизация с помощью JWT

Приложение работает на виртуальной машине Яндекс.Облака.

Запуск фронтенда

  1. Установить зависимости
npm install
  1. Запустить приложение
npm start

Запуск бэкенда

Код бэкенда и инструкция по его запуску лежат в репозитории https://github.com/stvor/movies-explorer-api