Flowtos is a photo gallery app made with react. I developed it after I closed my instagram account. It aims to be simple and content focused.

• Displays a flow of photos made of same length rows
• Two modes: Latest Photos (all photos) and Albums
• Click on a picture to enlarge it
• About page with dynamic Models section
• Easy to organize photo library
• Assets optimization
• Static Server Side Rendering
• No need to have Node.js or PHP running on the server
• Support High-Density Retina Displays
• Support Dark Mode (prefers-color-scheme: dark)
• Generates sharable unique URLs for photos and albums
• Lazy image loading
• Responsive design

npm install

pip3 install -r requirements.txt

Put your original pictures in the ./original_ressources/photos folder. Pictures in subfolders will be interpreted as part of albums by Flowtos. A typical photos folder looks like this:

[] original_ressources
    [] photos
        - IMG_0027.jpg
        - IMG_0028.jpg
        - IMG_0029.jpg
        [] Portraits
            - IMG_0025.jpg
            - IMG_0026.jpg
        [] Landscapes
            - IMG_0001.jpg
            - IMG_0002.jpg
            - IMG_0003.jpg
    [] credits
        [] models
            - Steve Jobs#sjobs.jpg
    [] ssr
        - default_image.jpg

You can give credit to your models by placing their profile picture in the ./original_ressources/credits/models folder. See the file HOWTO.md in that folder for file naming convention.

You can also specify the default open graph image by placing a jpg file named default_image.jpg in the ./original_ressources/ssr/ folder. If no default photo is set, the first photo of the library will be picked.

Then run:

python3 buildPhotoLibraryRessources.py

npm start