Image Processing App is a web application for editing image online. Users can upload image, edit in real-time, and download the final image in high-quality. The app is designed to be easy to use for everyone.
Experience the magic of Image Processing App by visiting the website: https://image-processing-app-frontend.netlify.app
- Image Upload: Easily upload images in PNG or JPEG format.
- Real-Time Processing: See changes instantly with low-quality previews as you edit.
- Format Conversion: Convert between PNG and JPEG formats effortlessly.
- Image Adjustments: Fine-tune brightness, contrast, and saturation with intuitive sliders.
- Rotation: Rotate images from 0 to 360 degrees with precision.
- Cropping: Select and crop specific areas of your image.
- High-Quality Download: Download the final processed image in your preferred format (PNG or JPEG) at full quality.
The project has been built using the following technologies:
-
Frontend:
- React
- TypeScript
- Context API for state management
-
Backend:
- Node.js
- Express
- TypeScript
- Sharp (for image processing)
- Clone the repository:
git clone https://github.com/f-z-coder/image-processing-app.git - Navigate to the project directory:
cd image-processing-app - Install dependencies:
pnpm install
-
Start the development servers:
pnpm run devThis will concurrently run both the frontend and backend in development mode.
-
For production:
pnpm run buildThis will build both the frontend and backend.
pnpm run startThis will start both the frontend and backend in production mode.
Contributions are welcome! If you find a bug, have an idea for a new feature, or want to improve the project, please feel free to open an issue or submit a pull request.
This project is licensed under the MIT License - see the LICENSE file for details.
Special thanks to all contributors and the open-source community for their efforts in making the Image Processing App a reality!
For any inquiries or feedback, please reach out to [faizshaikh72740@gmail.com].