/movies-explorer

Многостраничный сайт на ReactJS (бэкенд + фронтенд)

Primary LanguageJavaScript

Movies Explorer

Исходный макет

О сервисе

Дипломная работа курса "Веб-разработчик" от Яндекс.Практикум, включающая фронтенд- и бэкенд-части. Данный проект даёт возможность поиска по фильмам из базы Beatfilms по названию и длительности, сохранять в своём профиле и при желании удалять.

Технический стек

  • React.JS (JavaScript)
  • HTML5 + CSS
  • Node.js
  • express.js
  • MongoDB
  • Git
  • ESLint

Использованные технологии

  • Использование cookie браузера и контекста для хранения данных пользователя
  • Кастомная валидация и фильтрация запроса
  • Хранение предыдущего запроса в localStorage
  • Адаптивная вёрстка, прокрутка до якорных ссылок
  • Хеширование пароля
  • Использование защищённых роутов
  • Центральная обработка ошибок
  • Работа с базой данных MongoDB, настройка CORS

Функциональность

  1. Регистрация и авторизация пользователя
  2. Поиск по базе фильмов по ключевому слову и длительности
  3. Сохранение и удаление выбранных фильмов
  4. Редактирование данных пользователя (логин и почта)

Ранее проект был реализован на ВМ (Ubuntu 22.04) от Yandex Cloud.

HTML5 CSS3 React Express.js MongoDB Nodemon JWT Webpack Babel ESLint Nginx