Rolagem do Reddit
Reddit Scroller é um aplicativo da web para pesquisar nos subreddits do Reddit apenas as imagens e apresentá-las em um formato rolável.
Utiliza React e API do Reddit como suas principais tecnologias. Ele é construído em um layout responsivo e perfeito para dispositivos móveis.
Como funciona?
Muito simples: você digita o subreddit e clica em “ROLAR!” botão. Isso fornece a primeira página desse subreddit e
mais imagens são carregadas conforme você rola para baixo. O limite é a sua RAM ou o arquivo do Reddit.
Demonstração ao vivo
Clique aqui para a demonstração ao vivo.
Para executar localmente
Após baixar o repositório, execute o comando "npm install" dentro da pasta do cliente para instalar as dependências.
Em seguida, execute “npm start” para executar o aplicativo. Deve abrir um navegador, mas se isso não acontecer, você pode conectar o aplicativo
via endereço localhost:3000 em qualquer navegador.
Erros atuais
O botão que redireciona você para a postagem original não funciona. -Se o subreddit fornecido não tiver fotos em uma de suas páginas, a busca de novas fotos para por aí. A busca continua mesmo quando o fluxo de dados é interrompido- O navegador móvel do Google Chrome às vezes cria problemas de rolagem. Ainda não sei o motivo, mas provavelmente uma medida de segurança.
Atualizações mais recentes ~V1.21
Com a nova versão, são feitas as correções abaixo:
- O botão com link para a postagem original foi corrigido.
- Agora cada pergaminho garante um número de imagens entre 15 e 25
- Gifs também são suportados
- Se o subreddit consistir em média em menos de 2 imagens por página, a rolagem será interrompida.
- Se você pesquisar em um subreddit sem imagens, o carregamento será interrompido após 20 páginas e a média será calculada. Isso leva cerca de 10 segundos e você verá uma mensagem de erro.
- Por enquanto o limite é de 500 páginas, ao ultrapassar a rolagem irá parar.
- Chave de alternância adicionada para incluir/excluir gifs.
- Barra de ferramentas com menu adicionado
Créditos
- Para o Twitter e flaticon.com para o ícone usado.
- Lity é usado para lightboxes, em https://sorgalla.com/lity/
- O MaterialUI do Google é usado para o desenvolvimento da UI.
