movies.mp4
Дипломный проект. Frontend часть одностраничного, адаптивного приложения на react.js, с сервером(backend) на node.js framework express.js.
Интерактивная страница, где можно осуществлять поиск фильмов и сохранять их в избранное. Дипломная работа по курсу Front-end-разработчик.
В проекте реализовано взаимодействие с двумя серверами(api). Из первого мы получаем список всех фильмов, фильтруем, сортируем, сохраняем и отображаем часть фильмов по фильтру. Данные поисковой строки и чекбокса сохраняются до выходы из приложения в локальном хранилище. При отметке фильма лайком, фильм добавляется в избранные и сохраняется на сервере приложения. В проекте есть регистрация и авторизация пользователей. Изменение рагистрационных данных пользователя. Генерируется токен и передается в куках. При повторном входе на сайт идет проверка токена на сервере. Для удобства разработки, при запуске локально токен сохраняется в headers. Загрузка с серверов осуществляется один раз. Далее мы только добавляем или удаляем фильмы в избранном. Используется локальное хранилище и принципы рендеринга react.
Макет Чеклист для самопроверки
✅ Скачать проект в архиве .zip;
✅ npm i — установка зависимостей;
✅ npm run build — сборка production;
✅ npm run start — запуск веб сервера в режиме develop.
✅ Регистрация пользователя на сервере ✅ Авторизация пользователя на сервере ✅ Защищенные страницы от не авторизованных пользователей ✅ Загрузка информации о пользователе с сервера ✅ Загрузка избранных карточек с сервера ✅ Добавление новой карточки ✅ Обновлять информации о пользователе