Penggulung Reddit
Reddit Scroller adalah aplikasi web untuk mencari subreddit Reddit hanya untuk gambarnya, dan menyajikannya dalam bentuk yang dapat digulir.
Ia menggunakan React dan API Reddit sebagai teknologi utamanya. Itu dibangun dalam tata letak responsif dan sempurna untuk seluler.
Bagaimana cara kerjanya?
Cukup sederhana: Anda mengetik subreddit dan menekan tombol "SCROLL!" tombol. Ini memberi Anda halaman pertama subreddit itu, dan
lebih banyak gambar dimuat saat Anda terus menggulir ke bawah. Batasannya adalah RAM Anda, atau arsip Reddit.
Demo Langsung
Klik di sini untuk demo langsung.
Untuk Berjalan Secara Lokal
Setelah mengunduh repositori, jalankan perintah "npm install" di dalam folder klien untuk menginstal dependensi.
Kemudian jalankan "npm start" untuk menjalankan aplikasi. Ini seharusnya membuka browser tetapi jika tidak, Anda dapat menghubungkan aplikasi
melalui alamat localhost:3000 di browser apa pun.
Bug Saat Ini
Tombol yang mengarahkan Anda ke postingan asli tidak berfungsi. -Jika subreddit tertentu tidak memiliki gambar di salah satu halamannya, pengambilan gambar baru berhenti di situ. Pengambilan terus berlanjut bahkan ketika aliran data terputus- Browser seluler Google Chrome terkadang menimbulkan masalah saat menggulir. Saya belum tahu alasannya tapi mungkin tindakan pengamanan.
Pembaruan Terkini ~V1.21
Dengan versi baru, koreksi yang disebutkan di bawah ini dilakukan:
- Tombol yang menghubungkan ke postingan asli sudah diperbaiki.
- Sekarang setiap gulungan menjamin Anda sejumlah gambar antara 15-25
- Gif juga didukung
- Jika subreddit rata-rata terdiri kurang dari 2 gambar per halaman, pengguliran akan berhenti.
- Jika Anda mencari subreddit tanpa gambar, pemuatan akan berhenti setelah 20 halaman dan rata-rata dihitung. Ini memakan waktu sekitar ~10 detik dan Anda akan melihat pesan kesalahan.
- Untuk saat ini batasnya adalah 500 halaman, jika terlampaui, pengguliran akan berhenti.
- Tombol alih ditambahkan untuk menyertakan/mengecualikan gif.
- Toolbar dengan menu ditambahkan
Kredit
- Ke Twitter, dan flaticon.com untuk ikon yang digunakan.
- Lity digunakan untuk lightbox, dari https://sorgalla.com/lity/
- MaterialUI Google digunakan untuk pengembangan UI.
