Val Town is a collaborative website to build and scale JavaScript apps.
Deploy APIs, crons, & store data – all from the browser, and deployed in milliseconds.

Image Viewer App

A simple image viewing application built on Val Town.

Features

  • Browse through a collection of AI-generated images
  • Responsive design that works on mobile and desktop
  • Clean, minimal UI with keyboard navigation support

Project Structure

├── backend/
│   └── index.ts             # Main HTTP entry point
├── frontend/
│   ├── components/
│   │   ├── ImageViewer.tsx  # Main viewer component
│   │   └── Navigation.tsx   # Navigation controls
│   ├── index.html           # Main HTML template
│   └── index.tsx            # Frontend JS entry point
└── shared/
    └── types.ts             # Shared types and utilities

How to Use

  1. Visit the app URL
  2. Use the arrow buttons or keyboard arrow keys to navigate between images
  3. Click on an image to view it in full size

Technologies Used

  • TypeScript
  • React
  • Tailwind CSS
  • Hono (for backend API)