Interstellar Boats |

Description

A picture frame web app. Supports some basic image browsing features. Written in VueJS with a couple backend endpoints also written in JS. This is served and routed through the Caddy reverse proxy.

Setup

//TODO: This is currently not easy to setup, with caddy directing to several directories and builds needing to be run before or during deployment, and thumbnails needing to be generated for efficiency. I anticipate changes to simplify the setup in the coming months, so will update accordingly.

This is roughly what it looks like for now though:

Diagram of the hardware architecture of Photoroto, with high level info on the software running. Rasperry pi called fish running raspian, fullscreen firefox and tailscale, plugged into a old monitor. Connected to my pc called marble which is running the caddy webserver serving a VueJS app, js backend, and the photos

Features

Main page:

The main page features an image on display, as well as links on the right. The ../ link brings you to the browse page, with the file name being click-able to load into the browsers image viewer (nicer for zooming in and out on occasion)

Picture of the main page, with a picture of canyons, far off mountains, and links vertically on the right side of the page.

Browsing Page

//TODO: This is still in progress, will update with a screen shot and brief explanation once it's "done". It is currently functional but kinda a mess, so this may be a few week from time of writing when i get around to cleaning it up.