A photo frame web app built for Val Town.

The app uses Hono for the HTTP server, JSX for the views, and a plain browser JavaScript file for client-side interactivity.

The current implementation supports:

• selecting multiple photos from the local device
• previewing them in a setup screen
• naming the current collection
• removing photos from the collection
• adding a caption to each photo
• saving collection data and image files locally in the browser
• starting a fullscreen-style slideshow player
• showing captions over presented photos
• auto-hiding slideshow controls when the mouse is idle
• changing slideshow settings like interval, fit mode, shuffle, loop, and crossfade

This project is in active MVP development.

What works now:

• Deno/Hono server entrypoint
• local upload flow
• local collection persistence with IndexedDB
• lightweight settings persistence with localStorage
• slideshow playback with next, previous, and exit controls
• photo captions
• optional crossfade transitions

What is planned next:

• Val Town blob storage integration
• remote collection metadata persistence
• image compression/resizing on upload
• support for multiple collections

• Deno
• Hono
• Hono JSX for the server-rendered page shell
• Plain browser JavaScript for client-side behavior
• CSS served directly by Hono
• IndexedDB for local photo storage
• localStorage for simple UI preferences

views/
  index.html
static/
  app.js
  styles.css
deno.json
main.tsx
README.md

The app intentionally does not store image data in localStorage. That storage is too small for real photo usage.

Instead:

• image files are stored in IndexedDB
• collection metadata is stored in IndexedDB
• slideshow preferences are stored in localStorage

The remote Val Town blob persistence layer has not been wired yet.