Представляет собой список карточек с товарами, которые подгружаются с внешнего ресурса по мере прокрутки вниз пользователем
В приложении реализован следующий функционал:
- отображение карточек товаров с различной информацией (название товара, его картинка, заголовок, описание, стоимость, категория), также на карточках отображена нумерация
- если при скролле вниз кнопка "Loading more..." попадает в видимую пользователю область страницы, то посылается запрос на сервер для подгрузки следующих 5 карточек
- когда количество отображенных постов достигнет максимума (100), то кнопка поменяет текст на "End of line.", а отправка запросов прекратиться
- Адаптивная вёрсткая с помощью HTML5/SCSS
- Использование методологии БЭМ
- В работе были применены методы ООП, используя JavaScript(ES6+) с классовыми сущностями
- Запросы к внешнему API осщуествлялись по следуюшему адресу: https://dummyjson.com
- Для реализации пагинации был использван API Intersection Observer
- Клонируйте данный репозиторий локально на своё устройство
- Запустите приложение на локальном сервере (например, с помощью Live Server)