🖼️ Image Optimization and Comparison App

This project is a Next.js web application designed to let users upload images, optimize them via Cloudinary, and visually compare the original image with the optimized version. Ideal for web developers and designers looking for efficient image optimization workflows.

---

⚡ Key Features

• 🌐 Image Upload: Users can upload images directly from their device.
• ⚙️ Image Optimization: Automatically optimizes images for web performance using Cloudinary.
• 🔍 Side-by-Side Comparison: Provides a visual comparison between the original and optimized images, with file size differences highlighted.
• 🗑️ Image Deletion: Easily delete any uploaded or optimized images.
• 📱 Responsive Design: The app is mobile-friendly and works across all devices.

---

🖼️ Screenshots

Home page Interface

Comparison of Original and Optimized Image

---

🚀 Getting Started

1. Clone the repository:

git clone https://github.com/yourusername/image-optimization-app.git
cd image-optimization-app

2. Install dependencies:

npm install

3. Run the development server:

npm run dev

4. Open your browser:

Visit makingchip.com to see the app in action.

---

🛠️ Technologies Used

• Next.js for frontend rendering.
• Cloudinary for image storage and optimization.
• Tailwind CSS for responsive styling.

---

📝 License

This project is licensed under the MIT License.