Реддит-скроллер
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.
