Git Product home page Git Product logo

hoichoi-opensource / imageresizer Goto Github PK

View Code? Open in Web Editor NEW
7.0 2.0 10.0 9.23 MB

A simple tool to resize images in different dimensions and compare file size

Home Page: https://imageresizerx.vercel.app/

License: MIT License

HTML 5.64% JavaScript 1.69% TypeScript 91.90% CSS 0.77%
avif avif-images hacktoberfest hacktoberfest-accepted hacktoberfest2023 image image-manager image-manipulation image-processing imageoptimizer

imageresizer's People

Contributors

alokemajumder avatar dependabot[bot] avatar hoichoidev avatar raunakmandal avatar sayakongit avatar shubhankarmitra avatar snyk-bot avatar tamalcodes avatar warmachine028 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

imageresizer's Issues

[DX] Issue and pull request templates for contributors

What i am suggesting to add ?

I am suggesting adding Issue and PR Templates to the repository, it can be as many categories as needed - primary categories of issues are mostly: bugs, docs, feature, and so on.

Why to add it ?

Having templates in place prevents spam, and helps out the contributors to raise the issue quickly along with automated labels which in turn makes it easy for the maintainer to manage the contributions. The Pull request template in turn makes sure that there is always ample information on the changes that were made.

image
image

Can I work on it ?

Yes, I will be glad to help an Opensource project grow more !

UI/UX Improvements Needed for Image Upload and Resize Feature

Issue:
The current UI/UX design for the image upload and resize feature on the frontend lacks intuitiveness and clarity. Users have reported difficulties in understanding the process and have experienced inconsistencies in the resizing functionality.

Steps to Reproduce:

Navigate to the image upload section.
Try uploading an image.
Attempt to resize the uploaded image.
Expected Behavior:

The image upload button should be clearly labeled and easily accessible.
Upon uploading, users should receive feedback indicating a successful upload.
The resize feature should provide clear handles or markers to adjust the image dimensions.
The final resized image should maintain its aspect ratio and quality.
Actual Behavior:

The upload button is not prominently displayed.
No feedback is provided after image upload.
Resizing handles are not intuitive, leading to distorted images.
The resized image sometimes loses quality.
Suggested Improvements:

Redesign the image upload button to make it more prominent and add a tooltip or label.
Provide a success notification or visual cue after a successful image upload.
Improve the resizing handles to ensure they are user-friendly and maintain the image's aspect ratio.
Ensure the image quality remains consistent after resizing.

Error 404: NOT_FOUND while deploying to Vercel

I encountered an error while trying to deploy the project to Vercel. The deployment failed, and I received the following error message, while trying to upload the image and resize it .

`404: NOT_FOUND
Code: NOT_FOUND
ID: bom1::krfmm-1696231582630-9713fa1e91c3

`
Steps to Reproduce:

Pushed the latest changes to the GitHub repository.
Triggered a new deployment on Vercel.
Now go to the url and upload a image and then try to resize it .

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.