frenziecodes/optisnap

OptiSnap is a web-based image compressor tool built with React.

Hi there

🔭 Developing WordPress plugins.

⚡ Open to part-time or contract job opportunities.

📫 Contact me at [email protected].

Stats!

optisnap's Issues

update doc to meet new features implemented

Implement Drag and Drop

Currently, users can only upload images through a file input button in the OptiSnap image compressor tool. We should implement a drag and drop feature that allows users to easily upload images by dragging them from their file explorer and dropping them onto the tool's interface.

Tasks

• Research and select a suitable drag and drop library or framework.
• Design and implement a UI component for the drag and drop functionality.
• Handle the drag and drop events to capture the dropped image files.
• Validate the dropped files to ensure they are valid image formats.
• Update the UI to display the dropped images and proceed with the compression process.
• Test the drag and drop feature across different browsers and devices.

Consider providing visual feedback to indicate the successful drop and any potential errors.
Ensure compatibility with keyboard-based file selection for accessibility purposes.

Implement Social Sharing

Currently, the OptiSnap image compressor tool doesn't have social sharing functionality. We should incorporate social sharing buttons to allow users to directly share the compressed images on popular platforms like Facebook, Twitter, LinkedIn, or Instagram.

Tasks

• Research and choose appropriate social sharing libraries or APIs.
• Design and implement UI components for social sharing buttons.
• Integrate selected social sharing functionality into the OptiSnap tool.
• Test the social sharing feature with various image formats and ensure compatibility across different platforms.
• Handle any necessary authentication or authorization requirements for social media platforms.

Additional notes

Consider providing options for users to customize the sharing message or add hashtags.
Ensure that the social sharing feature doesn't compromise user privacy or security.

Implement robust error handling

Error Handling: Implement robust error handling mechanisms to handle various scenarios, such as invalid file formats, upload failures e.t.c

Add support for multiple image addition and compression