ImageCraft Tool

A modern web application for resizing and cropping images with an intuitive drag-and-drop interface.

Features

• 🖼️ Image upload via drag & drop or file browser
• ✂️ Crop images with interactive selection
• 📐 Resize images with aspect ratio lock
• 🎯 Real-time preview
• 💾 Download processed images
• 🎨 Modern and responsive UI

Tech Stack

• Node.js & Express
• HTML5 & CSS3
• JavaScript (ES6+)
• Bootstrap 5
• Font Awesome Icons

Getting Started

1. Clone the repository:

   git clone https://github.com/khadnhdev/image-drop.git
   

2. Install dependencies:

   npm install
   

3. Create an .env file based on .env.example:

   cp .env.example .env
   

4. Create uploads directory:

   mkdir uploads
   

5. Start the server:

   npm start
   

6. Visit http://localhost:3000 in your browser

Environment Variables

• PORT: Server port number (default: 3000)
• UPLOAD_DIR: Directory for storing uploaded images (default: uploads)

License

MIT License - feel free to use this project for personal or commercial purposes.

Author

Kha Dang

---

Created with ❤️ @https://www.linkedin.com/in/khadnh