codeeshwar

[mathewchris96]

You have to build a front end website for image manipulations. Call it ILuvImages - by CodeEshwar Create pages for each of the different functionalities. Make sure their functionalities and linking all work perfectly

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 filter, cropping and compressing images. Design and Implementation:

Within each of the different functionality pages for manipulating the image, the users should be able to upload an image first before manipulating the image!. Users can upload images from their local device within each of these pages before they want to modify the image.

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.

-Manipulation Options Page:

The manipulation options page, Display buttons for different manipulation options: convert, and compress images.

-Conversion Page to png:

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 canvas of JavaScript to adjust the compression level based on user input and initiate the compression process.

-Crop Image Page

Use canvas of Javascript to crop an image as required by the user.

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:

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

Crop page:

Users can crop an image as they require with the dimensions they require to crop

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/new/pull/8