Rebuild with proper backend and ReactJS
This gallery was meant to be a simple project with some html, css and js embedded in one file. You should be able to drop this file somewhere and provide a directory listing of your images and have a nice gallery. But this approach turned out to be very ugly, hard to code and it had many disadvantages.
This one is a total rebuild. It provides a backend with python + flask and a frontend with ReactJS.
The main tasks of the are providing a nice JSON API instead of parsing web server dependent directory listing html, extracting exif data, rendering of thumbnails and some other image processing.
The main tasks of the frontend are providing a nice UX, fast page loads, image lazy loading and so on.
Once the merge request is complete, it fixes a bunch of issues:
-
Fix #1 (closed) Support Videos -
Fix #2 (closed) Webkit compatibility (not yet tested, but should work) -
Fix #3 (closed) Pause and resume carousel -
Fix #4 (closed) Fullscreen in Chrome -
Fix #5 (closed) Rewrite in Vue.js -> as I code with react js at work, I know that one better -
Fix #6 (closed) Image lazy loading -
Fix #7 (closed) Display exif tags -
Fix #8 (closed) Port to Bootstrap 4 -
Localization (with fluent?)