Сервис, в котором можно найти фильмы по запросу и сохранить в личном кабинете. Проект был реализован в рамках дипломной работы на платформе Яндекс.Практикум.
Стек технологий:
- HTML5;
- CSS3;
- JavaScript;
- React.js.
Фукционал:
- Стартовая страница, содержит краткую информацию о проекте, технологиях и авторе.
- Основной функционал проекта вкдючает в себя возможность поиска фильмов со стороннего API и сохранение/удаление найденных фильмов к себе в аккаунт.
- При нажатии на кнопку «Регистрация» в шапке сайта на главной странице происходит переход на страницу регистрации по маршруту /signup.
- При нажатии на кнопку «Войти» в шапке сайта на главной странице происходит переход на страницу авторизации по маршруту /signin.
- У авторизованного пользователя в шапке сайта отображается кнопка «Аккаунт». При клике происходит переход на страницу редактирования профиля. На ней пользователь может изменить свои данные.
- При клике на кнопку «Выйти из аккаунта» происходит редирект на главную страницу и удаление JWT из локального хранилища или куки. Чтобы войти на сайт заново, пользователю потребуется повторно авторизоваться.
Backend:
Как установить и запустить проект:
- Клонировать репозиторий:
git clone https://github.com/annavilnid/movies-explorer-frontend.git
- Установить зависимости:
npm install
- Собрать проект Вебпаком:
npm run build
- Запустить проект на локальном сервере:
npm run dev
Сейчас сервер выключен, когда сервер включен проект доступен:
- SERVER LINK: https://api.vilnid.nomoredomains.sbs
- FRONT LINK: https://vilnid.nomoredomains.sbs
- PUBLIC IP: 51.250.110.77
- SERVER: api.vilnid.nomoredomains.sbs
- FRONT: vilnid.nomoredomains.sbs