Skip to content

Pet project. Приложение по поиску фильмов в базе данных OMDB

Notifications You must be signed in to change notification settings

MgKraynova/search-films-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

22 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Описание проекта

Проект представляет собой одностраничное приложение по поиску фильмов. Поиск фильмов осуществляется по базе данных IMDb.

Просмотреть проект можно на GitHub Pages по ссылке: https://mgkraynova.github.io/search-films-app/ либо локально с помощью команды npm run start.

Цель создания проекта - закрепление навыков по React и React-router-dom.

Окончание проекта - апрель 2022 года.

Функциональность проекта и использованные технологии

Внешний вид приложения стилизован с помощью HTML и CSS. Приложение адаптировано для просмотра на больших экранах.

Вся функциональность написана на React:

  • хранение состояния осуществляется с помощью хука useState;
  • при загрузке страницы по роуту /cards или /info с помощью хука useEffect проверяется наличие в sessionStorage данных ранее найденных карточек;
  • с помощью react-router-dom на страницу добавлены разные роуты, переход по ним осуществляется с помощью хука useNavigate;
  • для получения данных с фильмами отправляется запрос по адресу http://www.omdbapi.com/, в запрос подставляется введенное пользователем значение из input;
  • во время загрузки данных с фильмами появляется прелодер;
  • если фильмы не найдены, пользователя направляют на роут /not-found;
  • ошибки обрабатываются с помощью «предохранителя» (error boundary).

Планы по доработке проекта

В дальнейшем планируется адаптировать приложение под маленькие экраны.

About

Pet project. Приложение по поиску фильмов в базе данных OMDB

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published