Défileur Reddit
Reddit Scroller est une application Web permettant de rechercher dans les subreddits de Reddit uniquement les images et de les présenter sous une forme déroulante.
Il utilise l'API de React et Reddit comme technologies principales. Il est construit dans une mise en page réactive et parfait pour les mobiles.
Comment ça marche ?
Assez simple : vous tapez le subreddit et appuyez sur "SCROLL !" bouton. Cela vous donne la première page de ce subreddit, et
plus d'images sont chargées à mesure que vous continuez à faire défiler vers le bas. La limite est soit votre RAM, soit les archives de Reddit.
Démo en direct
Cliquez ici pour la démo en direct.
Pour exécuter localement
Après avoir téléchargé le référentiel, exécutez la commande "npm install" dans le dossier client pour installer les dépendances.
Exécutez ensuite "npm start" pour exécuter l'application. Il devrait ouvrir un navigateur mais si ce n'est pas le cas, vous pouvez connecter l'application
via l'adresse localhost:3000 sur n'importe quel navigateur.
Bogues actuels
Le bouton qui redirige vers le message d'origine ne fonctionne pas. -Si le subreddit donné n'a pas d'images dans l'une de ses pages, la récupération de nouvelles images s'arrête là. La récupération continue même lorsque le flux de données est coupé- Le navigateur mobile de Google Chrome crée parfois des problèmes de défilement. Je ne connais pas encore la raison mais probablement une mesure de sécurité.
Mises à jour les plus récentes ~ V1.21
Avec la nouvelle version, les corrections indiquées ci-dessous sont apportées :
- Le bouton reliant au message d’origine est corrigé.
- Désormais, chaque parchemin vous garantit un nombre d'images compris entre 15 et 25.
- Les gifs sont également pris en charge
- Si le subreddit contient en moyenne moins de 2 images par page, le défilement s'arrêtera.
- Si vous recherchez un subreddit sans images, le chargement s'arrêtera après 20 pages et la moyenne sera calculée. Cela prend environ 10 secondes et vous verrez un message d'erreur.
- Pour l'instant, la limite est de 500 pages, une fois dépassée, le défilement s'arrêtera.
- Commutateur à bascule ajouté pour inclure/exclure les gifs.
- Barre d'outils avec menu ajouté
Crédits
- Vers Twitter et flaticon.com pour l'icône utilisée.
- Lity est utilisé pour les lightbox, depuis https://sorgalla.com/lity/
- MaterialUI de Google est utilisé pour le développement de l'interface utilisateur.
