reddit_scroller

レディットスクローラー

Reddit Scroller は、Reddit のサブレディットから写真のみを検索し、スクロール可能な形式で表示する Web アプリケーションです。
React と Reddit の API を主要なテクノロジーとして使用します。レスポンシブなレイアウトで構築されており、モバイルに最適です。

どのように機能するのでしょうか?

非常に簡単です。サブレディットを入力して「SCROLL!」を押します。ボタン。これにより、そのサブレディットの最初のページが表示されます。
下にスクロールし続けると、より多くの画像が読み込まれます。制限は RAM または Reddit のアーカイブのいずれかです。

ライブデモ

ライブデモについてはここをクリックしてください。

ローカルで実行するには

リポジトリをダウンロードした後、クライアント フォルダー内で「npm install」コマンドを実行して依存関係をインストールします。
次に、「npm start」を実行してアプリケーションを実行します。ブラウザが開くはずですが、開かない場合はアプリに接続できます
任意のブラウザ上のアドレス localhost:3000 経由。

現在のバグ

• 元の投稿にリダイレクトするボタンが機能しません。
• - 指定されたサブレディットのページのいずれかに写真がない場合、新しい写真の取得はそこで停止します。
• データフローが切断されてもフェッチは継続されます
• Google Chrome のモバイル ブラウザでは、スクロール時に問題が発生することがあります。理由はまだわかりませんが、おそらくセキュリティ対策です。

最新のアップデート ~V1.21

新しいバージョンでは、以下の修正が行われます。

• 元の投稿へのリンクボタンが修正されました。
• 各スクロールで 15 ～ 25 枚の画像が保証されるようになりました。
• GIF もサポートされています
• subreddit のページあたりの画像が平均 2 枚未満の場合、スクロールが停止します。
• 写真のないサブレディットを検索すると、20 ページ後に読み込みが停止し、平均が計算されます。これには約 10 秒かかり、エラー メッセージが表示されます。
• 現時点では制限は 500 ページで、これを超えるとスクロールが停止します。
• GIF を含めるか除外するためのトグル スイッチが追加されました。
• メニューが追加されたツールバー

クレジット

• 使用したアイコンはTwitter、 flaticon.com へ。
• Lity はライトボックスに使用されます (https://sorgalla.com/lity/ より)
• UI開発にはGoogleのマテリアルUIを使用しています。