Кино-сайт. Фронтенд. 

  • 1
  • Опубликовано: 2024-01-16
Реализовал функциональность сайта. Сделали асинхронные GET- и POST-запросы к API. Написали все запросы к нашему и стороннему API. Защитили роуты /saved-movies, /profile и /movies авторизацией. Для хранения данных о пользователе использовали глобальную стейт-переменную currentUser, созданную с помощью createContext. В компонент App внедрили контекст через CurrentUserContext.Provider. JWT-токен сохранили в localStorage. Сделали так, чтобы ошибка от API была обработана и пользователь видел сообщение об ошибке. Настроили прелоадер так, чтобы он крутился, пока от сервера идёт ответ. Кликом по карточке переводим пользователя на ютюб-трейлер фильма.
Стек: HTML, CSS, JavaScript, React, ООП, Git.

Ссылка на фронтенд.
https://github.com/Evgenii959/movies-explorer-frontend/tree/level-3
Комментариев нет
оставить комментарий могут только авторизованные пользователи
Другие работы автора:
Проект по созданию и сохранению карточек. Фронтенд.

Проект по созданию и сохранению карточек. Фронтенд. Веб-сервис, куда можно добавлять фотографии, удалять их и ставить лайки. Сверстана интерактивная страница. Реализовали добавление карточки с фотографиями, удаление фотографий и лайки к ним с помощью JavaScript. Разработали валидацию всех форм и улучш…

Платформа для продажи программного обеспечения.

Платформа для продажи программного обеспечения. Участвовал в проекте от Яндекс. Использовали различные. Писали код на React, Typescript, Redux.

Научиться учиться

Научиться учиться Учебный проект, в котором закрепляли основные навыки HTML, CSS, а также работу с анимацией. Смотрите работу на гитхаб. https://github.com/Evgenii959/how-to-learn

Лендинг на тему тур-путешествий

Лендинг на тему тур-путешествий Лендинг на тему тур-путешествий

Йога-центр

Йога-центр Лендинг на тему: йога-центр.

Лендинг на тему строительства

Лендинг на тему строительства Лендинг на тему строительства

Путешествие по России.

Путешествие по России. В этом проекте сделали адаптивную верстку. Работали с медиазапросами, гридами. Делали блоки резиновыми и адаптировать сайт под разные разрешения с помощью HTML и CSS. Написали понятный, читаемый сайт с атрибутами header, main, footer, section, nav, d…

Лендинг по продаже кроссовок

Лендинг по продаже кроссовок Лендинг по продаже кроссовок