Giter VIP home page Giter VIP logo

fuzzle-finder's Introduction

The Fuzzler

Takes a folder full of cute animal photos and creates dynamic browsable, filterable, and sortable galleries.

screenshot

Requirements

  • Node, Express, React, SQLite, Exifr
  • Photos must have IPTC keyword tags matching group/tag:
    • group must be {name,species,with}
    • tag can be any single word

Features

  • Galleries can be filtered by group or tag
  • Galleries are sorted randomly by default (desc views & asc/desc date optional)
  • Remember sorting preference
  • Lightbox for single image display
  • Currently active navigation elements (logo, nav, tags) are highlighted
  • Photo metadata (mostly IPTC keywords) imported to SQLite database
  • Supports CSS3 native masonry galleries (currently Firefox only)

Future Features

  • rename API endpoints to match best practice
  • use md5 for photo id and use for persistant photo links
  • create Docker image and deploy to server
  • on group pages change thumbnails to link to persistant photo link
  • search photos by filename, title, and tag
  • use Redux for DB caching
  • better lightbox for full size photo view
  • uploading new photos (use md5 id for duplicate detection)
  • add/edit/delete tags
  • automatically optimise photos (resize thumbnails)
  • serve images cropped to arbitrary dimensions (example)
  • add tests

Installation

  • Put tagged photos into server/public/images
  • Run npm install
  • Run npm run knex migrate:latest
  • Run node server/db/updatedb.js

fuzzle-finder's People

Contributors

adamshand avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.