Image Processor Pro

A modern web application for professional image processing and social media optimization.

Features

• 🖼️ Image Format Conversion

  • Convert to JPEG, PNG, WebP, AVIF, TIFF, and GIF
  • High-quality output with optimized compression

• 🎨 Image Transformations

  • Rotate images (90°, 180°, 270°)
  • Flip horizontally and vertically
  • Maintain aspect ratio during transformations

• 📱 Social Media Optimization

  • Instagram (1080x1080)
  • YouTube (1280x720)
  • TikTok (1080x1920)

Tech Stack

• Frontend:

  • React with TypeScript
  • Tailwind CSS for styling
  • Framer Motion for animations
  • Heroicons for UI icons

• Backend:

  • Node.js with Express
  • Sharp for image processing
  • Multer for file uploads

Getting Started

Prerequisites

• Node.js (v14 or higher)
• npm or yarn

Installation

1. Clone the repository:

git clone https://github.com/yourusername/imageprocessor.git
cd imageprocessor

# Install frontend dependencies
cd frontend
npm install

# Install backend dependencies
cd ../backend
npm install

The application will be available at:

- Frontend: http://localhost:5173
- Backend: http://localhost:3000


## Usage
1. Upload an image by dragging and dropping or clicking the upload area
2. Choose your desired transformations:
   - Select output format (JPEG, PNG, WebP, etc.)
   - Apply rotations or flips
   - Choose social media platform for automatic resizing
3. Preview your changes
4. Download the processed image
## Features
- Drag and drop file upload
- Real-time image preview
- Multiple export formats
- Social media optimization
- Image transformation tools
- Responsive design
- File size validation (max 5MB)
## Security Features
- Rate limiting
- File type validation
- Maximum file size restriction
- CORS protection
- Helmet security headers
## Contributing
1. Fork the repository
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
This project is licensed under the MIT License - see the LICENSE file for details.

## Acknowledgments
- Sharp for image processing
- Tailwind CSS for styling
- Framer Motion for animations