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.
- 📤 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.
- 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.
Follow these steps to get the project up and running on your local machine.
-
Clone the repository and move inside:
git clone https://github.com/henocn/compressor.git
cd compressor -
Install the dependencies:
npm install
-
Start the development server:
npm run dev
- 📂 Click on the upload button to select an image file from your computer.
- 🗜️ Click on the compress button to start the compression.
- 💾 Click on the compressed image to download it.
Enjoy using the Image Compression App and feel free to share feedback or suggest improvements