Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This application is a web app designed to allow users to scan real-world objects and save them as PNG files for upload to Blender. Users can create libraries of these images, organize them into custom "maps," and manage their collection by adding or removing photos as needed. The app focuses on simplifying the process of integrating real-world scans into 3D modeling workflows.

## CORE FEATURES
1. **Image Scanning and Uploading**: Users can scan real-world objects and upload the resulting PNG files directly into the app.
2. **Map Creation and Management**: Users can create new maps to organize their images, name these maps, and remove them when they are no longer needed.
3. **Image Organization**: Users can select which map to add a newly scanned image to, allowing for easy categorization and retrieval.
4. **User Authentication**: Secure user accounts to save and manage personal libraries of scans and maps.
5. **Responsive Design**: A mobile-friendly interface that ensures usability across devices.

## DESIGN SPECIFICATIONS
- **Visual Style**: minimalist - Clean, simple design with plenty of white space, minimal color palette, and focus on typography
- **Color Mode**: Light theme with dark text on light backgrounds
- **Primary Color**: #1978E5 (accent for buttons, links, highlights)
- **Typography**: Use Inter from Google Fonts for headings, Inter for body text and UI elements
- **Border Radius**: 8px (moderately rounded) for buttons, cards, and inputs
- **Layout**: The main layout will consist of a header with navigation, a hero section for introductory content, followed by sections for features, user library, and a footer for contact information.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux for managing the image and map states

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **User Authentication**: Implement user authentication using Firebase or a similar service to manage user accounts and sessions.
3. **Image Upload Functionality**: Create a component for image scanning and uploading, integrating with a file upload library.
4. **Map Management**: Develop the functionality for creating, naming, and removing maps. Store map data in the application state.
5. **Image Organization**: Implement features that allow users to select a map when uploading an image, updating the application state accordingly.
6. **Design Implementation**: Apply the specified design principles using Tailwind CSS, ensuring responsiveness and adherence to the minimalist aesthetic.
7. **Testing**: Conduct thorough testing to ensure all functionalities work as intended and the user experience is smooth and intuitive.

## USER EXPERIENCE
Users will first create an account or log in to access their personal libraries. They can then scan objects using their device's camera, upload images, and create custom maps for organization. The interface will guide them through selecting which map to add images to, and users will have the option to view, edit, or delete their maps and images. The minimalist design will ensure that users can easily navigate the app without unnecessary distractions, facilitating a seamless experience from scanning to organizing their 3D resources.