✂️ Simple Cropping App

Welcome to the Simple Cropping App! This is a minimalistic web application built with React and Tailwind CSS that allows users to upload and crop images with ease.

🚀 Features

• 🖼️ Upload Image: Easily upload images directly from your device.
• ✂️ Crop Image: Intuitively crop images using a simple drag-and-drop interface.
• 💾 Save Cropped Image: Download your cropped images instantly.

🛠️ Technologies Used

• React: A JavaScript library for building user interfaces.
• Tailwind CSS: A utility-first CSS framework for rapid UI development.

📦 Installation

To get started with the Simple Cropping App, follow these steps:

1. Clone the repository:

   git clone https://github.com/jeslor/simple-cropping-app.git
   cd simple-cropping-app

2. Install dependencies:

   Make sure you have Node.js installed, then run:

   npm install

3. Run the app:

   Start the development server:

   npm start

4. Open the app:

   Open your browser and go to http://localhost:5173 to see the app in action.

🎨 Tailwind CSS Setup

Tailwind CSS is pre-configured in this project. You can easily customize your styles in the tailwind.config.js file and by editing the utility classes directly in your components.

🖥️ Project Structure

Here's a quick overview of the project structure:

simple-cropping-app/
├── public/              # Static files
├── src/
│   ├── components/      # React components
│   ├── styles/          # Tailwind CSS files
│   ├── App.js           # Main app component
│   ├── index.js         # Entry point
│   └── ...              # Other files
├── tailwind.config.js   # Tailwind CSS configuration
└── package.json         # Project metadata and dependencies