Thanks to visit codestin.com
Credit goes to github.com

Skip to content

Latest commit

 

History

1 Commit

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Scrapbook

Collecting images and photos like a pro.

Demo

demo

Why

When you have a tons of photos you took while your traveling, or art images you downloaded from Pixiv or Deviantart, the one big problem is the more you have, the harder managing and searching them.

Scrapbook provides you a minimalist cross-platform web-based interface that enables you filter/search/view your photos/images in a more elegant way. Totally free and open-source.

Usage

  1. Copy the Scrapbook

Clone this git and copy the ./demo/scrapbook folder to your image directory.

(Or you can rebuild the files by npm run-script build if you want.)

  1. Create config file

Place scrapbook.config.yml on the root of your image directory.

The format is like:

meta: 
  date_format: YYYY/MM/DD

database: 

  - date: 2021/9/12
    rate: 2
    memo: dog
    path: ./dog1.jpg

  - date: 2021/9/13
    rate: 3
    memo: dog
    path: ./dog2.jpg

(You can see the example at ./demo/scrapbook.config.yml)

  1. Run the server

Run express.js web server and go to the localhost URL, now you can see the main interface on the browser.

# git clone [this repo]
# npm install

./main.js --datadir [image directory] -p [port]

# e.g. 
./main.js --datadir ./demo -p 8114
./main.js --datadir /mnt/c/myimages -p 8114

Development

  1. run the webpack server
npm run-script dev

or just build

npm run-script build 
  1. run the express.js web server
npm run-script demo 
  1. open the localhost url e.g. http://localhost:8114/scrapbook/

About

Collecting images and photos like a pro.

Resources

Stars

4 stars

Watchers

1 watching

Forks

Releases

Packages

Contributors

Languages