Skip to content

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

License

Notifications You must be signed in to change notification settings

ore-codes/image-cropper

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

29 Commits
 
 
 
 
 
 
 
 
 
 

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

  1. Clone the repository: git clone https://github.com/ore-codes/image-cropper/ cd image-cropper

  2. Set up the backend: cd server Follow server/README.md for detailed setup instructions

  3. 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

Topics

Resources

License

Stars

Watchers

Forks