/movies-explorer-frontend

Фронтенд дипломного проекта. Онлайн кинотеатр.

Primary LanguageJavaScript

Фронтенд приложения: Видео-сервис.

Бекенд можно посмотреть тут. Проект был разработан в рамках учебного задания на платформе Яндекс.Практикум. Все работы проверяются менторами и проходят код-ревью. Проект полностью завершен.

Общая функциональность:

  • авторизация и регистрация пользователей;
  • обновление данных пользователей;
  • операции с карточками фильмов;

В ходе разработки:

  • свёрстаны компоненты на React18, разметка портирована в его формат;
  • описана логика и вёрстка страниц регистрации, логина, редактирования профиля, сохранённых фильмов;
  • реализованы асинхронные GET- и POST-запросы к API;
  • проработаны авторизованные и неавторизованные состояния, сохранение фильмов в профиле;

Инструменты и стек:

HTML5 CSS3 JS BEM Flex Grid ООП API React18 JSX

Макет проекта Figma.

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

Frontend https://diploma.movies-explorer.nomoredomains.monster

Backend https://api.dip.movies-explorer.nomoredomains.monster

*Ссылки могут не работать по причине не продления подписки от Yandex Cloud. Так как проект учебный не вижу в этом смысла, но вы можете клонировать его к себе на компьютер, либо посмотреть мои более новые проекты, некоторые из которых - реальные и функционируют.

Доступные скрипты:

Чтобы склонировать проект к себе на компьютер, выполните:

git clone git@github.com:anzhelf/movies-explorer-frontend.git

Установите зависимости:

npm install

В каталоге проекта вы можете запустить:

npm start

Запускает приложение в режиме разработки. Откройте http://localhost:3000, чтобы просмотреть его в своем браузере.

Страница перезагрузится, когда вы внесете изменения. Вы также можете увидеть любые ошибки lint в консоли

npm run build

Создает приложение для производства в build папке. Оно корректно связывает React в производственном режиме и оптимизирует сборку для достижения наилучшей производительности.