ImageRocket 🚀

A powerful Progressive Web App (PWA) for bulk image conversion to WebP format, designed to shrink your images and speed up your site.

Live Demo

---

(Suggestion: Replace this with a high-quality screenshot or GIF of the application in action.)

✨ Features

ImageRocket is packed with features to make image optimization a breeze:

• 🚀 Bulk Image Conversion: Drag and drop multiple images at once for efficient batch processing.
• 🖼️ WebP Optimization: Convert images to the modern, high-performance WebP format.
• 🤖 AI-Powered Naming: Automatically suggest descriptive, SEO-friendly file names for your converted images.
• ⚙️ Powerful Presets: Use one-click presets for quick and easy conversion with optimal settings.
• 🎨 Custom Conversion Settings:
  • Adjustable quality slider for fine-tuning the output.
  • Custom width and height settings.
  • Lockable aspect ratio to prevent distortion.
• ⚡ Live Previews: See a preview of your converted image before you download.
• 📦 Download as .zip: Conveniently download all converted images in a single zip file.
• 📱 PWA Ready: Installable as a Progressive Web App for a native-like experience and offline capabilities.
• 🔄 Reset and Clear: Easily clear the file list and start over.

🛠️ Tech Stack

• Framework: Next.js
• Language: TypeScript
• UI: React
• Styling: Tailwind CSS
• UI Components: shadcn/ui
• PWA: next-pwa
• Icons: Lucide React

🚀 Getting Started

To get a local copy up and running, follow these simple steps.

Prerequisites

• Node.js (v18 or later recommended)
• npm

Installation

1. Clone the repository:

   git clone https://github.com/your-username/image-converter-pwa.git

2. Navigate to the project directory:

   cd image-converter-pwa

3. Install NPM packages:

   npm install

Running the Application

To run the app in development mode:

npm run dev

Open http://localhost:3000 with your browser to see the result.

Other Scripts

• Build for production:

  npm run build

• Start the production server:

  npm run start

• Lint the code:

  npm run lint

• Type check:

  npm run type-check

🤝 Contributing

Contributions are what make the open-source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement".

1. Fork the Project
2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
3. Commit your Changes (git commit -m 'Add some AmazingFeature')
4. Push to the Branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

📄 License

Distributed under the MIT License. See LICENSE file for more information. (You should add a LICENSE file to your project).

---