Адаптивный каталог фильмов на React

При создании проекта использованы технологии:

• React (hooks, router)

• JavaScript

• React-Bootstrap

• CSS

API:

• OMDB

• Shareholic

О проекте:
Проект представляет собой адаптивный каталог фильмов в котором есть возможность найти нужный фильм по названию, отфильтровать фильмы по типу (фильмы, сериалы, эпизоды) и ознакомиться с подробным описанием каждого фильма. Сайт адаптирован под разные виды устройств от монитора ПК до экрана смартфона.

Что было реализовано:

• Вывод фильмов на главной странице

• Роутинг

• Страница с описанием фильма

• Возможность поделиться страницей фильма в соцсетях

• Логика поиска любого фильма по названию

• Динамическая пагинация, которая формируется на основании данных из API

• Динамическая генерация адреса в адресной строке браузера

• Валидация поисковой строки, благодаря которой в поиск можно вводить английские буквы, пробел и дефис

• Логика фильтрации для сортировки фильмов по типу

• Обработка ошибок на разных этапах работы сайта

• Адаптация под разные типы устройств

Ознакомиться с проектом можно по ссылке: splcell.github.io/movies-catalog/