Img

[mathewchris96]

You have to build a front end website for image manipulations

Features:

1.Upload Images:

Users can select and upload images from their local device. 2.Manipulation Options:

After uploading images, users are redirected to a page where they can choose from different manipulation options. Options include resizing, converting from JPG to PNG, apply a fitler and compressing images. Design and Implementation:

Frontend Design:

User Interface:

Create a visually appealing user interface using HTML, CSS, and JavaScript. Design a responsive layout to ensure compatibility across various devices and screen sizes. -Upload Page:

Develop an upload page where users can select and upload images. Include a file input field and a submit button for uploading images. -Manipulation Options Page:

After uploading images, redirect users to a manipulation options page. Display buttons for different manipulation options: convert, and compress images.

-Conversion Page to jpg:

Implement a conversion page where users can convert images from JPG TO PNG format. Use JavaScript to trigger the conversion process when the user selects the conversion option.

-Conversion Page to jpg:

Implement a conversion page where users can convert images from PNG to JPG format. Use JavaScript to trigger the conversion process when the user selects the conversion option.

-Appy a filter page:

Users can apply a black and white to the image -Compression Page:

Develop a page for compressing images to reduce file size. Use JavaScript to adjust the compression level based on user input and initiate the compression process.

Give option to download after each of the functionality is applied Tech Stack:

HTML, CSS, JavaScript: Use these frontend languages to build the user interface and add interactivity to the website. Output:

Upload Images Page:

Users can upload images from their local device. Manipulation Options Page:

Users are redirected to a page where they can choose from different manipulation options: resize, convert, and compress images.

Conversion Page TO JPG:

Users can convert images from PNG to JPG format.

Conversion Page to PNG:

Users can convert images from JPG to PNG format. Compression Page:

Users can compress images to reduce file size, with adjustable compression level.

Appy a filter page:

Users can apply a black and white to the image

Overall, the website will provide users with a seamless experience for uploading images and performing various image manipulation tasks using HTML, CSS, and JavaScript.

[testbot-codemonk[bot]]

Resolving the issue ⏳

[testbot-codemonk[bot]]

Issue is Resolved 🚀
Pull Request Created at: https://github.com/mathewchris96/iLoveImg/pull/8