Frontend дипломной работы на курсе в Яндекс Практикум
🔗 Backend приложения
Movies Explorer - это сервис по поиску и сохранению фильмов с базы данных BeatFilm. Главная страница посвящена описанию работы и 🔗 разработчику проекта.
Сайт является адаптивно-отзывчивым. Адаптирован под экраны с шириной 320 и 1280 пикселей,
но великолепно смотрится на всех разрешениях! 😃
В данном проекте используется методология БЭМ и препроцессор SCSS. Присутствуют элементы Grid Layout, Flexbox, формы и медиазапросы.
Интерактив:
При регистрации и авторизации на сайте пользователь попадает на страницу поиска фильмов по ключевому слову с возможностью фильтрации по короткометражкам.
В результатах поиска отображаются карточки фильмов, включающие в себя заголовок, длительность, эскиз с ссылкой на трейлер и кнопку сохранения. Если совпадений по запросу много, то на странице сначала отображается меньшее количество карточек (зависит от ширины экрана), а остальные подгружаются с помощью кнопки "Еще" внизу. По нажитии кнопки сохранения фильм добавляется на страницу "Сохраненные фильмы". Удалить сохраненный фильм можно с обоих страниц. Присутствует страница изменения даннах о пользователе.
Используются два API: изначальный массив с фильмами получается со стороннего BeatFilm API, а для сохраниния карточек и регистрации пользователей используется собственный сервер, который написан на Node.js. В качетсве базы данных используется MongoDB. Также задействованы менеджер процессов pm2 и HTTP-сервер nginx.
Используемые языки:
- ✔️ HTML5
- ✔️ CSS3 (Препроцессор SCSS)
- ✔️ JavaScript ES6 (Библиотека React.js)
- ✔️ Node.js (🔗 Backend)
Для входа на главную страницу необходимо зарегистрироваться или ввести данные гостевой учетной записи:
Почта: guest@me.com
Пароль: guest
