Проект Movies Explorer

Сервис, в котором можно найти фильмы по запросу и сохранить в личном кабинете - дипломный проект Яндекс.Практикума по професcии web-разработчик.

Ссылка на проект на сервере

https://volorel-diploma.students.nomoredomains.monster/ backend - https://api.volorel-diploma.students.nomoredomains.monster/ Публичный IPv4: 130.193.53.149

Реализованные задачи:

• Проект адаптирован под различные разрешения экрана.
• Проект соответствует сгенерированному под него макету.
• Корректно работает навигация между страницами и ссылки на внешние ресурсы.
• Отзывчивая вёрстка, которая корректно тянется на всех промежуточных разрешениях.
• Отсутствуют ошибки валидации при сборке приложения или в валидаторе.
• В коде используется семантическая разметка: применяются семантические теги.
• Каркас макета реализован на Flex layout или Grid layout.
• Работа модальных окон настроена.
• Прелоадер крутится в ожидании выполнения запроса.
• Все формы валидируются и на стороне клиента.
• На странице «Регистрация» клик по кнопке «Зарегистрироваться» при корректно введённых данных отправляет запрос на роут /signup. Если запрос прошёл успешно, то происходит редирект на страницу /movies.
• Работа с фильтром настроена. Если карточки уже были отображены на странице в блоке результатов, клик по чекбоксу «Короткометражки» приводит к повторной фильтрации результата. Запрос к API не выполняется повторно. Если запрос выполняется впервые, то работа с фильтром происходит после получения данных.
• Если пользователь закрыл вкладку, а после — вернулся на сайт, данные достаются из локального хранилища при монтировании компонента App.
• При клике на иконку «Лайк» в блоке карточки выполняется запрос к /movies нашего API.
• При попытке перейти на несуществующую страницу происходит редирект на страницу «404». Кнопка «Назад» работает корректно.

Стек:

• HTML, CSS
• Javascript
• React
• Node.js
• API
• БЭМ