Pied Piper

Minimal image compression application inspired by tinyjpg, with better compression factor

live @ https://piedpiperhub.netlify.app/

Stack

• Vanilla JS
• imagemin
• FileSaver

Features

• Drag and Drop upto 20 images (max size: 4 MB)

• Links to download individual compressed files

• Zip and download multiple files

  ToDo:

  • File/s upload indicator for better user experience.
  • Allow user to click/tap in the dropzone to upload files.
  • Refactor error handling and code in general

Learnings

• Got to know how Base64 encoding converts images into a readable string for lossless data transfer.
• Worked with FileSaver pacakge to generate zipped files.
• Learned about Netlify Serverless Functions.

Challenges

• Customizing error handling logic of unsupported files.
• Integrating FileSaver package multiple files zip feature.

Prospective

• Expand the scope to compress PDF files as well.

Attributions:

• Inspired by Tiny JPG
• Tutorial by Dave Gray
• Project name inspiration: Silicon Valley