Coder Social home page Coder Social logo

grahamalderson / pigallery2 Goto Github PK

View Code? Open in Web Editor NEW

This project forked from bpatrik/pigallery2

0.0 0.0 0.0 87.2 MB

A fast directory-first photo gallery website, with rich UI, optimized for running on low resource servers (especially on raspberry pi)

Home Page: http://bpatrik.github.io/pigallery2/

License: MIT License

JavaScript 0.11% TypeScript 85.32% CSS 2.54% HTML 11.88% Dockerfile 0.14% Procfile 0.01%

pigallery2's Introduction

PiGallery2

GitHub package.json version Language grade: JavaScript Build Status Coverage Status Docker build dependencies Status

Homepage: http://bpatrik.github.io/pigallery2/

This is a fast (like faster than your PC fast) directory-first photo gallery website, optimised for running on low resource servers (especially on raspberry pi).

✔️ Strengths:

  • ⚡ Fast, like for real.
  • ✔️ Simple. Point to your photos folder and to a temp folder and you are good to go.

⛔ Weakness:

  • 😥 Its simple. Shows what you have that's it. No gallery changes (photo delete, rotate, enhance, tag, organize, etc), your gallery folder is read-only.
  • 📁 Optimized for galleries with <100K photos with <5k photos/folder.
    • It will work on bigger galleries, but it will start to slow down.

You wrote about pigallery2.

Live Demo

Live Demo @ render: https://pigallery2.onrender.com/

  • the demo page first load might take up 30s: the time while the free webservice boots up

PiGallery2 - Animated gif demo

Table of contents

  1. Getting started
  2. Translate the page to your own language
  3. Feature list
  4. Suggest/endorse new features
  5. Known errors
  6. Credits

1. Getting started (also works on Raspberry Pi)

Docker with docker-compose is the official and recommend way of installing and running Pigallery2. It contains all necessary dependencies, auto restarts on reboot, supports https, easy to upgrade to newer versions. For configuration and docker-compose files read more here or check all builds here.

1.2 Direct Install (if you are familiar with Node.js and building npm packages from source)

As an alternative, you can also directly install Node.js and the app and run it natively.

Download and extract

curl -sL https://deb.nodesource.com/setup_12.x | sudo -E bash -
sudo apt-get install -y nodejs

Full node install on raspberry pi description: https://www.w3schools.com/nodejs/nodejs_raspberrypi.asp

1.2.1 Install PiGallery2

1.2.1-a Install from release

cd ~
wget https://github.com/bpatrik/pigallery2/releases/download/1.9.0/pigallery2-release.zip
unzip pigallery2-release.zip -d pigallery2
cd pigallery2
npm install

1.2.1-b Install from source

Note: A build requires a machine with around 2GB or memory.

cd ~
wget https://github.com/bpatrik/pigallery2/archive/master.zip
unzip master.zip
cd pigallery2-master # enter the unzipped directory
npm install
npm run build

Note: It is recommended to create a release version with npm run create-release on a more powerful machine and deploy that to you server.

Note: you can use npm run create-release -- --languages=fr,ro to restrict building to the listed languages (English is added by default)

1.2.2 Run PiGallery2

npm start

To configure it, run PiGallery2 first to create config.json file, then edit it and restart. The app has a nice UI for settings, you may use that too.

Default user: admin pass: admin. (It is not possible to change the admin password, you need to create another user and delete the default admin user, see #220)

Note: First run, you might have file access issues and port 80 issue, see #115. Running npm start -- --Server-port=8080 will start the app on port 8080 that does not require root Adding read/write permissions to all files can solve the file access issue chmod -R o-w ., see #98.

1.2.2.1 Run on startup

You can run the app up as a service to run it on startup. Read more at #42

1.3 Advanced configuration

You can set up the app any of the following ways:

  1. Using the UI (recommended)
  2. Manually editing the config.json
  3. Through switches
    • Like: node start -- --Server-port=3000 --Client-authenticationRequired=false
    • You can check the generated config.json for the config hierarchy
  4. Through environmental variable
    • like set env. variable Server-port to 3000

Full list of configuration options are available at the MANPAGE.md.

1.4 Useful links/tips:

using nginx

It is recommended to use a reverse proxy like nginx before node https://stackoverflow.com/questions/5009324/node-js-nginx-what-now

making https

With cerbot & nginx it is simple to set up secure connection. You have no excuse not doing so. https://certbot.eff.org/

node install error:

If you get error during module installation, make sure you have everything to build node modules from source

apt-get install build-essential  libkrb5-dev gcc g++

2. Translate the page to your own language

  1. Install Pigallery2 from source (with the release it won't work)
  2. add your language e.g: fr
    • copy src/frontend/translate/messages.en.xls to src/frontend/translate/messages.fr.xls
    • add the new translation to the angular.json projects->pigallery2->i18n->locales section
  3. translate the file by updating the <target> tags
  4. test if it works: build and start the app
    npm install
    npm run build
    npm start
  5. (optional) create a pull request at github to add your translation to the project.

Note: you can also build your own release with as described in 1.1.1-b Install from source;

3. Feature list

See: http://bpatrik.github.io/pigallery2/

4. Suggest/endorse new features

Unfortunately, lately I only have a limited time for this hobby project of mine. So, I mostly focus on those features that are align with my needs. Sorry :(. Although, I try to fix bugs ASAP (that can still take from a few days to months). I also try to implement some feature requests that have a lots of 'likes' (i.e.: +1-s or thumbs ups) on it. If you have a feature that you really would like to happen, I welcome contributions to the app. See CONTRIBUTING.md for more details.

5. Known errors

  • IOS map issue
    • Map on IOS prevents using the buttons in the image preview navigation, see #155
  • Video support on weak servers (like raspberry pi) with low upload rate
    • video playback may use up too much resources and the server might not respond for a while. Enable video transcoding in the app, to transcode the videos to lover bitrate.
  • When using an Apache proxy, sub folders are not accessible
    • add AllowEncodedSlashes On in the configuration of the proxy

6. Supporting the project

I'm making this app for my own entertainment, but I like to share it with others as the contributions and bug reports make the app better and it also does not cost anything to me :)

There is no way to donate to this project at the moment. And I'm also not planning on monetizing it. But it warms my hearth seeing that it is useful for some people.

6. Credits

Crossbrowser testing sponsored by Browser Stack Browser Stack

pigallery2's People

Contributors

bpatrik avatar mrtnbr avatar tibrisch avatar zigmhount avatar grahamalderson avatar mcdamo avatar magneticdud avatar kagahd avatar suika avatar desertwitch avatar cryptogeek13 avatar lijunle avatar wikijm avatar alexislefebvre avatar jacroe avatar marcusfey avatar tuur29 avatar sam365724 avatar zertrin avatar estshorter avatar wdavery avatar tmorley2000 avatar nriver avatar steima avatar soneji avatar sean-t-moore avatar smartfinn avatar vdergachev avatar andgem avatar antegs 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.