ore-codes / image-cropper Public

A lightweight web application that allows users to upload, crop, and save images with ease. Built with a responsive UI and powered by Cropper.js on the frontend and PHP on the backend, it supports common image formats (JPG, PNG, GIF) and includes client-side validation, drag-and-drop uploads, and customizable aspect ratios

image-cropper-henna.vercel.app

0 stars 0 forks Branches Tags Activity

Notifications

Name		Name	Last commit message	Last commit date
Latest commit History 29 Commits
server		server
web-client		web-client
.gitignore		.gitignore
LICENSE		LICENSE
README.md		README.md

Repository files navigation

Image Cropper

A full-stack application for cropping and processing images with various aspect ratios.

Project Structure

server/ - PHP backend server
web-client/ - React frontend application

Prerequisites

Docker
Node.js 16 or higher
Any package manager (npm preferred)

Getting Started

Clone the repository: git clone https://github.com/ore-codes/image-cropper/ cd image-cropper
Set up the backend: cd server Follow server/README.md for detailed setup instructions
Set up the frontend: cd web-client Follow web-client/README.md for detailed setup instructions

Live Demo

You can try the app live here: https://image-cropper-henna.vercel.app/

Features

Drag and drop image upload
Image cropping with various aspect ratios
Real-time preview
Responsive design
Cross-browser compatibility

License

This project is licensed under the MIT License - see the LICENSE file for details.

About

A lightweight web application that allows users to upload, crop, and save images with ease. Built with a responsive UI and powered by Cropper.js on the frontend and PHP on the backend, it supports common image formats (JPG, PNG, GIF) and includes client-side validation, drag-and-drop uploads, and customizable aspect ratios

image-cropper-henna.vercel.app

rxjs cropperjs react-cropper

Report repository

Languages