zumdewald / shrink-ray

Front-end app for outputting web-ready images.

ZumDeWald

shrink-ray's Issues

Slide in info bug

Small slide in bubble just under header with info icon and "Where do dropped files go?", leads to About modal.

Add download option

Provide download option for files after processing

Each dropped file becomes an item

Individual files appear below drop zone and have renditions / settings underneath

Processing overlay

While processing images an overlay will appear with info about how the files are processed and / or random fun facts.

Drop Zone

Add HTML drop zone to add files for processing

Configure WASM-ImageMagick

Configure app to use WASM-ImageMagick to take in pictures from drop-zone and process them

Basic layout

Header, some buttons or something

Hold processing until user triggers

User uploads image(s), they sit in wait until user clicks button to process, all images in the list are processed and added to the zip

Setup formatting / linting

Original file name

RegExp to remove file extension from original file name and then pass it to output file

Initial house-keeping

Clean up starter code and prep for App

Hook in controls to File list item UI

File list item will have options to add/remove 'renditions', set resize value and reduce filesize, edit output file name, and remove the dropped file from the list. These UI options need hooked into logic.

Add About

Add About link to header, add about modal that has options for "How it works" and "Security/Privacy" sections.