Giter VIP home page Giter VIP logo

0me9a / compressy Goto Github PK

View Code? Open in Web Editor NEW
4.0 1.0 2.0 871 KB

Compressy is a web application that allows users to compress and resize images easily. It helps in reducing the file size of images while maintaining reasonable quality.

Home Page: https://compressy.ome9a.com

License: MIT License

CSS 1.37% TypeScript 98.26% JavaScript 0.37%
compression image-processing imagecompression nextjs redux redux-toolkit tailwindcss typescript code code-red

compressy's Introduction

compressy's People

Contributors

0me9a avatar jaas666 avatar kishore881 avatar

Stargazers

 avatar  avatar  avatar  avatar

Watchers

 avatar

compressy's Issues

Theme Button Behavior

Description

When opening the website in private mode or after resetting local-storage data, the theme button exhibits unexpected behavior. On the first click, it does not respond, but the button icon change and on the second click, the button icon changes parallel to the current theme. In dark mode, the button should display the light theme icon, and in light mode, it should show the dark theme icon.

Steps to Reproduce

  1. Open the website in private mode or after resetting local-storage data.
  2. Attempt to click the theme button.

Expected Behavior

The theme button should respond on the first click, and the displayed icon should correspond correctly to the selected theme (light or dark).

Actual Behavior

The theme button does not respond on the first click, but the button icon changes, displaying the incorrect theme representation.

Additional Information

Screenshots that may help in understanding or resolving the issue.

Light mode:-
image
Dark mode:-
image

Note: This issue was raised by a user and needs attention to ensure a smooth user experience.

Enhancement Request: Lock Aspect Ratio in Image Compression

Lock Aspect Ratio in Image Compression

Description

Currently, when users attempt to compress an image, they can adjust the width and height independently. While this provides flexibility, it can lead to unintended changes in the image's aspect ratio, impacting user experience.

I propose the addition of a lock system to preserve the aspect ratio during compression. When activated, the lock button will maintain the image's aspect ratio, ensuring consistent and predictable results for users who wish to retain the original proportions.

Expected Behavior

  • Introduce a lock button in the image compression interface.
  • When the lock is active, adjusting the width or height slider will automatically adjust the other dimension to maintain the original aspect ratio.
  • Users can toggle the lock on and off based on their preference.

Benefits

  • Improves user experience by providing a convenient option to preserve the original aspect ratio during image compression.
  • Enhances predictability and control over the compression process.
  • Addresses cases where maintaining the aspect ratio is crucial for the desired output.

Additional Context

This feature aims to strike a balance between flexibility and control, catering to users who prioritize preserving the aspect ratio of their images during the compression process.

Feel free to share your thoughts and suggestions on this proposed enhancement.

@0ME9A

Design Changes

image

I find this design a little noisy

I love the leaf Icon

Light mode also has issues mostly both seem to have issues with the nav bar glow or shadow that is under it
the icon also needs a border or some way of to pop above the navbar
image

I like the blue wave footer but not sure how it helps of affects the theme, maybe a pile of leaves would be better

Bulk Image Compression

Bulk Image Compression

Description:

As a user of Compressy, I often find myself needing to compress multiple images at once. This would be a valuable feature to enhance user efficiency and convenience.

User Story:
As a user, I want the ability to upload and compress multiple images simultaneously so that I can save time and streamline the compression process.

Expected Features:

  • Allow users to select and upload multiple images in one go.
  • Implement a batch processing mechanism to compress each uploaded image.
  • Provide clear feedback on the compression progress for each image.
  • Download all compressed images as a single ZIP file.

Additional Context:
This feature could greatly benefit users who need to compress a set of images for various projects or purposes. It aligns with the goal of making Compressy a versatile and user-friendly tool for image optimization.

Acceptance Criteria:

  • Users can select multiple images for compression.
  • The compression process handles each image independently.
  • A clear download option for all compressed images in a ZIP file.

Note:
This issue is open for discussion. Contributors and community members are encouraged to share their thoughts, suggestions, or volunteer to take on the implementation.

Set footer copyright date to current year

I think it'll be a good quality of life improvement to have the year automatically set to the current year so it's one less chore to perform manually.

For example, the copyright year right know is set to 2022.

Implement Frequently Asked Questions (FAQ) Section

Issue Description

As Compressy gains more users, it's essential to provide a comprehensive Frequently Asked Questions (FAQ) section on the website. This will help users find quick answers to common queries and enhance their overall experience.

Tasks

  1. Design and implement a dedicated section on the website for Frequently Asked Questions.
  2. Populate the section with relevant questions and answers.
  3. Ensure the FAQ section is easily accessible and well-integrated into the website's user interface.

Additional Information

  • Consider the current website design and theme while implementing the FAQ section.
  • Collaborate with the design team, if needed, to ensure a seamless integration of the FAQ section.

This enhancement will contribute to better user support and engagement.

@0ME9A

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.