Skip to content

This is a simple image compression app built using React and Vite. It allows users to upload an image and compress it to reduce its file size.

Notifications You must be signed in to change notification settings

henocn/Image-compressor

Repository files navigation

REACT Image Compression App

This is a simple image compression app built using React and Vite. It allows users to upload an image and compress it to reduce its file size.

Features

  • 📤 Upload Image: Users can upload an image file to be compressed.
  • 📦 Image Compression: The app compresses the uploaded image while maintaining a balance between quality and size.
  • 🎨 Animations and Gradients: The app includes smooth background animations and gradient effects for a visually appealing experience.

Technologies Used

  • React: JavaScript library for building user interfaces.
  • Vite: Fast build tool and development server.
  • CSS: For styling, including gradients, animations, and responsiveness.
  • browser-image-compression: Library used for client-side image compression.

🚀 Getting Started

Follow these steps to get the project up and running on your local machine.

Installation

  1. Clone the repository and move inside:

    git clone https://github.com/henocn/compressor.git
    cd compressor
  2. Install the dependencies:

    npm install
  3. Start the development server:

    npm run dev

Usage

  1. 📂 Click on the upload button to select an image file from your computer.
  2. 🗜️ Click on the compress button to start the compression.
  3. 💾 Click on the compressed image to download it.

Enjoy using the Image Compression App and feel free to share feedback or suggest improvements

About

This is a simple image compression app built using React and Vite. It allows users to upload an image and compress it to reduce its file size.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published