View Reddit posts as a slideshow. (Based off ismaelpadilla/reddit-slideshow)
Go to file
moonstar-x f4c4345893
All checks were successful
Gitea - Public/reddit-slideshow/pipeline/head This commit looks good
Updated README.
2023-06-02 14:04:57 -05:00
public Added settings fetch logic. 2023-06-02 12:48:41 -05:00
src Added autoplay by default. 2023-06-02 14:00:13 -05:00
.dockerignore Added Dockerfile. 2023-06-02 13:58:56 -05:00
.gitignore initial commit 2019-07-27 03:22:51 -03:00
Dockerfile Added Dockerfile. 2023-06-02 13:58:56 -05:00
Jenkinsfile Added Jenkinsfile. 2023-06-02 14:00:52 -05:00
nginx.conf Added Dockerfile. 2023-06-02 13:58:56 -05:00
package-lock.json Remove duplicate variable name 2022-03-15 21:56:38 -03:00
package.json Update dependencies 2022-03-15 18:11:27 -03:00
README.md Updated README. 2023-06-02 14:04:57 -05:00

reddit-slideshow

Site that displays a slideshow with images/gifs obtained from reddit. By default images will be fetched from reddit frontpage.

Currently hosted at https://redditslideshow.com/

Additional Info

My contribution to this is:

  • Serving the application through a Docker image.
  • Added a basic landing page with easy to access links for specific slideshows.

Hosting with Docker

You can base yourself off this docker-compose.yml file:

version: "3.9"

services:
  service:
    image: code.moonstar-x.dev/public/reddit-slideshow:latest
    restart: unless-stopped
    volumes:
      - ./settings.json:/usr/share/nginx/html/settings.json
    ports:
      - 8080:8080
    environment:
      - TZ=America/Guayaquil

The settings.json file should contain something like this:

{
  "slideshows": [
    "funny",
    ["memes", "pics"]
  ]
}

Single subreddits are strings whereas multireddits are arrays.

Usage

You can go to the previous/next slide by pressing A or D respectively, or by using the arrow keys.

You can add, for example, /r/pics to the url and data will be fetched from reddit.com/r/pics. Try the following URLs:

Todo

  • Detect / handle invalid URLs.
  • Better error handling.
  • Add tests.
  • NSFW filter (some logic already implemented).
  • Audio on WebMs.

Made with React using create-react-app, based on http://redditp.com/