z0xca/img_gallery
Code Activity Actions
No description
29 commits 1 branch 0 tags 9.9 MiB
Find a file
Exact
actions fc459737c4 chore(deps): bump dependencies
2025-10-17 00:02:21 +00:00
.forgejo change actions bot name 2025-08-23 21:24:18 -04:00
.vscode first commit 2025-07-30 20:53:10 -04:00
public first commit 2025-07-30 20:53:10 -04:00
src add footer and format README screenshots layput 2025-07-30 21:29:54 -04:00
.gitignore first commit 2025-07-30 20:53:10 -04:00
astro.config.ts first commit 2025-07-30 20:53:10 -04:00
bun.lock chore(deps): bump dependencies 2025-10-17 00:02:21 +00:00
components.json first commit 2025-07-30 20:53:10 -04:00
package.json chore(deps): bump dependencies 2025-10-17 00:02:21 +00:00
README.md Update README.md 2025-10-09 22:19:50 -04:00
tsconfig.json first commit 2025-07-30 20:53:10 -04:00

README.md

Image Gallery

A simple image gallery

Tech

Screenshots

Main Gallery View

Expanded View Mobile View
Expanded View Mobile View

Features

  • Thumbnail optimization with Astro's component
  • Mobile support
  • Automatically loads all images from src/images/ directory
  • Supports JPG, JPEG, PNG, GIF and WebP

Selection

  • Click on images to select/deselect them
  • Use "Select All" to toggle all images
  • Shift+click to select multiple images in a range

Downloads

  • Download single image
  • Download multiple selected images
  • Download entire gallery

Usage

  1. Clone the repo

    git clone https://git.z0x.ca/z0xca/img_gallery
cd img_gallery

  2. Install dependencies

    bun install

  3. Add your images

    • Place your images in the src/images/ directory
    • Supported formats: JPG, JPEG, PNG, GIF, WebP

  4. Start the development server

    bun run dev

  5. Open your browser Navigate to http://localhost:4321 to view the gallery

  6. Build the project

    bun run build

The built website will be in src/dist

Acknowledgments