hikjik / movies-explorer-frontend Goto Github PK

Список компонентов главной страницы:

• Сверстать блок Promo;
• Сверстать блок AboutProject;
• Сверстать блок Techs;
• Сверстать блок AboutMe;
• Сверстать блок Portfolio.

Общие компоненты:

• Сверстать Header;
• Сверстать Navigation;
• Сверстать Footer.

Сверстать блок Portfolio - компонент со ссылками на другие проекты

Сгенерировать макет и добавить сслыку в README.md. Инструкция

Сверстать блок AboutProject - компонент с описанием дипломного проекта

• Защитить следующие роуты:
  • /saved-movies;
  • /profile;
  • /movies;
• Настроить хранение данных о пользователе в стейт-переменной currentUser, созданную с помощью createContext;
• Внедрить в компонент App контекст через CurrentUserContext.Provider;
• Настроить хранинеие JWT-токен хранить в localStorage.

Сверстать Navigation - компонент, который отвечает за меню навигации на сайте

Сверстать Footer - презентационный компонент, который отрисовывает подвал

В директории utils/ реализовать запросы к Api в следующих файлах:

• MainApi.js - запросы к бэкенду;
• MoviesApi.js - запросы к сервису beatfilm-movies.

Сверстать блок AboutMe - компонент с информацией о студенте

Тексты ошибок к API:

• Регистрация
  1. Пользователь с таким email уже существует.
  2. При регистрации пользователя произошла ошибка.
• Авторизация
  1. Вы ввели неправильный логин или пароль.
  2. При авторизации произошла ошибка. Токен не передан или передан не в том формате.
  3. При авторизации произошла ошибка. Переданный токен некорректен.
• Профиль пользователя
  1. Пользователь с таким email уже существует.
  2. При обновлении профиля произошла ошибка.
• Поиск фильмов
  1. Во время запроса произошла ошибка.
  Возможно, проблема с соединением или сервер недоступен. Подождите немного и попробуйте ещё раз
• Другие
  1. 500 На сервере произошла ошибка.
  2. 404 Страница по указанному маршруту не найдена.

Сверстать блок Techs - компонент с использованными технологиями

Сверстать Header - компонент, который отрисовывает шапку сайта на страницу

Сверстать блок Promo - компонент с вёрсткой баннера и навигацией страницы «О проекте».

Пример компонента валидации на React
Хук useCallback