Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
"Collage Organique" is a web application designed to allow users to create unique photo collages by manipulating images within the defined boundaries of a selected country. Users can resize, rotate, and randomly position photos, resulting in dynamic and visually appealing compositions while adhering to geographic constraints.

## CORE FEATURES
1. **Image Upload**: Users can easily upload multiple images from their devices to create a collage.
2. **Resize and Rotate**: Each photo can be resized and rotated using intuitive controls, allowing for creative customization.
3. **Random Positioning**: The app will automatically position images randomly within the outline of a selected country, ensuring all images fit within the defined area.
4. **Undo/Redo Functionality**: Users can undo or redo their last actions, enhancing the editing experience.
5. **Save and Export**: Users can save their collages in various formats (e.g., PNG, JPG) and share them directly on social media platforms.
6. **Interactive Map Selection**: Users can click on a country map to select it, providing a visual representation of the area where the collage will be created.

## DESIGN SPECIFICATIONS
- **Visual Style**: The design is minimalist, featuring a clean and simple interface with ample white space. The focus is on typography to enhance readability and user engagement.
- **Color Mode**: Light theme with dark text on light backgrounds to ensure high contrast and easy readability.
- **Layout**: The layout consists of a central canvas for collage creation surrounded by toolbars for image manipulation on the left and a map selection panel on the right. The header includes the app name and a save button.
- **Typography**: Use a modern sans-serif font (e.g., Helvetica or Arial) for headings and body text, ensuring a clear hierarchy with larger sizes for headers and smaller sizes for body text.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS for utility-first styling to facilitate rapid development and responsive design.
- **UI Components**: Utilize shadcn/ui for pre-built components to maintain consistency and accelerate development.
- **State Management**: Use React Context or Zustand for managing the application state, particularly for handling images and user interactions.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Create a new React project with TypeScript, install Tailwind CSS, and set up shadcn/ui.
2. **Create Layout**: Design the main layout with a central canvas for the collage, left-side toolbars for image manipulation, and a right-side interactive map for country selection.
3. **Implement Image Upload**: Develop the image upload functionality, allowing users to select multiple images from their devices.
4. **Add Resize and Rotate Features**: Implement controls for resizing and rotating images using sliders or buttons.
5. **Random Positioning Logic**: Write the algorithm that positions images randomly within the geographic boundaries of the selected country.
6. **Implement Save and Export Functionality**: Allow users to save their collages in different formats and share them on social media.
7. **Testing and Debugging**: Conduct usability testing to ensure all features work as intended and fix any bugs that arise.
8. **Deployment**: Deploy the application to a hosting service (e.g., Vercel or Netlify) for public access.

## USER EXPERIENCE
Users will begin by selecting a country on the interactive map. After choosing a country, they can upload their images, which will be displayed on the central canvas. They can easily resize and rotate the images using intuitive controls. The application will automatically rearrange the images randomly within the defined area of the country, providing instant visual feedback. Users can undo or redo their actions, and once satisfied, they can save or share their creations effortlessly. The overall experience is designed to be straightforward, engaging, and visually appealing, encouraging creativity and exploration.