Resolved codeeshwar #8
Merged
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
![testbot-codemonk[bot]](https://avatars.githubusercontent.com/in/845496?s=60&v=4){kind=small}
Open
mathewchris96
added a commit
that referenced
this pull request
Apr 22, 2024
This reverts commit eb795d3.
There was a problem hiding this comment.
: give an option to download the image after converting to jpg
There was a problem hiding this comment.
Requested changes has been made 🎉
mathewchris96
added a commit
that referenced
this pull request
Apr 22, 2024
mathewchris96
added a commit
that referenced
this pull request
Apr 22, 2024
mathewchris96
added a commit
that referenced
this pull request
Apr 22, 2024
* Revert "Revert "Update files in codeeshwar-7 (#8)" (#13)" This reverts commit 3791552. * Updated the file in response to the PR comment * Updated the file in response to the PR comment * Updated the file in response to the PR comment * Updated the file in response to the PR comment * Updated the file in response to the PR comment * Updated the file in response to the PR comment * Updated the file in response to the PR comment * Updated the file in response to the PR comment * Updated the file in response to the PR comment * Updated the file in response to the PR comment --------- Co-authored-by: testbot-codemonk[bot] <161732285+testbot-codemonk[bot]@users.noreply.github.com>
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
🚀 Here's the PR! #7
⚡This is an automated 🛠️ Pull Request raised by Codemonk
Issue: 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.