rajnish8869/thumbnail-image-extractor

Extract Thumbnail Image

Extract Thumbnail Image is a React application that allows users to upload a file containing JPEG images, extract thumbnail images from it, and perform various actions such as viewing, downloading, and managing the extracted images.

Features

• Upload a file containing JPEG images.
• Extract thumbnail images from the uploaded file.
• View the extracted images in a grid or list layout.
• Select and download individual images or download all extracted images as a ZIP file.
• View images in a modal image gallery.

Technologies Used

• React: A JavaScript library for building user interfaces.
• JSZip: A JavaScript library for creating, reading, and editing ZIP files.
• react-image-gallery: A customizable image gallery component for React.
• Font Awesome: A library of icons for web development.

Live Demo

You can try the live demo here.

Added Test File

To test the feature for downloading images, a test file has been included. You can find the test file in the repository under the following path:

• Dummy_images_file

This file can be used to verify the functionality of downloading images after extraction.

Installation

1. Clone the repository:

   git clone https://github.com/rajnish8869/Thumbnail-image-extractor.git

2. Navigate to the project directory:

   cd extract-thumbnail-image

3. Install dependencies:

   npm install

Usage

1. Start the development server:

   npm start

2. Open your web browser and go to http://localhost:3000.

3. Click on the "Choose File" button to select a file containing JPEG images.

4. Click on the "Extract Images" button to extract thumbnail images from the selected file.

5. View the extracted images in either grid or list layout.

6. Click on an image to view it in a modal image gallery.

7. Select individual images to download or click on the "Download All" button to download all extracted images as a ZIP file.

Contributing

Contributions are welcome! If you'd like to contribute to this project, please follow these steps:

1. Fork the repository.
2. Create a new branch for your feature or bug fix.
3. Make your changes and commit them to your branch.
4. Push your changes to your fork.
5. Submit a pull request to the main repository.

License

This project is licensed under the MIT License. See the LICENSE file for details.