z0xca/img_gallery
Code Activity Actions
No description
20 commits 1 branch 0 tags 10 MiB
Find a file
Exact
z0xca 4c221949fd remove biome
2025-09-05 21:04:21 -04: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 remove biome 2025-09-05 21:04:21 -04:00
components.json first commit 2025-07-30 20:53:10 -04:00
package.json remove biome 2025-09-05 21:04:21 -04:00
README.md add footer and format README screenshots layput 2025-07-30 21:29:54 -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

License

Feel free to use this repository as you wish Crediting the author is appreciated

Acknowledgments