/movies-explorer-front-end

front-end for gradiation work YP

Primary LanguageTypeScript

movies-explorer-frontend

About

Сделан финальный проект на веб-факультете в @yandex.practicum. Это сервис, в котором можно найти фильмы по запросу и сохранить в личном кабинете. Вот что было сделано:

  • настроена инфраструктура и создан сервер на express;
  • подключена база данных, созданы схемы и модели ресурсов API;
  • реализовано логирование, аутентификация и авторизация на сервере;
  • бэкенд задеплоен на Яндекс Облако;
  • свёрстаны компоненты на React, разметка портирована в его формат;
  • описана логика и вёрстка страниц регистрации, логина, редактирования профиля, сохранённых фильмов;
  • реализованы асинхронные GET- и POST-запросы к API;
  • проработаны авторизованные и неавторизованные состояния, сохранение фильмов в профиле;
  • полученные фильмы фильтруются на стороне клиента.

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

#HTML5 #CSS3 #ReactJS #react-hook #react-router-dom #TS #eslint

Существующие роуты

  • по роуту '/' отображается страница «О проекте»;
  • по роуту '/movies' отображается страница «Фильмы»;
  • по роуту '/saved-movies' отображается страница «Сохранённые фильмы»;
  • по роуту '/profile' отображается страница с профилем пользователя;
  • по роутам '/signin' и '/signup' отображаются страницы авторизации и регистрации.