Реддит-скроллер
Reddit Scroller — это веб-приложение для поиска в субреддитах Reddit только изображений и представления их в прокручиваемой форме.
В качестве основных технологий он использует React и API Reddit. Он имеет адаптивный макет и идеально подходит для мобильных устройств.
Как это работает?
Довольно просто: вы вводите субреддит и нажимаете «Прокрутка!» кнопка. Это даст вам первую страницу этого субреддита, и
больше изображений загружаются по мере прокрутки вниз. Ограничением является либо ваша оперативная память, либо архив Reddit.
Живая демо-версия
Нажмите здесь, чтобы просмотреть живую демонстрацию.
Для локального запуска
После загрузки репозитория выполните команду «npm install» внутри папки клиента, чтобы установить зависимости.
Затем запустите «npm start», чтобы запустить приложение. Должен открыться браузер, но если этого не происходит, вы можете подключить приложение.
через адрес localhost:3000 в любом браузере.
Текущие ошибки
Кнопка, которая перенаправляет вас на исходное сообщение, не работает. -Если на одной из страниц данного субреддита нет изображений, получение новых изображений на этом прекращается. Извлечение продолжается, даже если поток данных прерывается.- Мобильный браузер Google Chrome иногда создает проблемы с прокруткой. Я пока не знаю причину, но, вероятно, это мера безопасности.
Самые последние обновления ~V1.21
В новой версии внесены указанные ниже исправления:
- Исправлена кнопка со ссылкой на исходный пост.
- Теперь каждый свиток гарантирует вам количество изображений от 15 до 25.
- Гифки также поддерживаются
- Если в субреддите в среднем содержится менее двух изображений на странице, прокрутка остановится.
- Если вы выполняете поиск в субреддите без изображений, загрузка прекратится через 20 страниц и будет рассчитано среднее значение. Это займет около 10 секунд, и вы увидите сообщение об ошибке.
- На данный момент лимит составляет 500 страниц, при превышении прокрутка прекращается.
- Добавлен переключатель для включения/исключения изображений.
- Добавлена панель инструментов с меню
Кредиты
- В Twitter и на Flaticon.com за использованный значок.
- Lity используется для лайтбоксов с https://sorgalla.com/lity/.
- Для разработки пользовательского интерфейса используется Google MaterialUI.
