Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed to securely upload, sort, and tag images. Users will be able to upload images, add tags for easy categorization, and search for images based on those tags, all within a clean and minimalist interface that prioritizes user experience.

## CORE FEATURES
1. **Image Upload**: Users can upload multiple images at once, with a simple drag-and-drop interface or file selection.
2. **Tagging System**: After uploading, users can assign tags to each image to categorize them for easier retrieval.
3. **Search Functionality**: Users can search for images based on tags, allowing them to filter and view only the images of interest.
4. **Gallery View**: A clean, organized display of uploaded images, showcasing thumbnails with options to view details.
5. **Responsive Design**: The application will be fully responsive, ensuring usability on both desktop and mobile devices.
6. **User Authentication**: Secure login and registration for users to manage their image libraries.

## 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 central content area for image upload and display, and a footer with additional links. The image gallery will use a grid layout for optimal viewing.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: React Context API for managing user sessions and image data.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui for UI components.
2. **Create Authentication Flow**: Implement user registration and login functionalities using React Context for state management.
3. **Develop Image Upload Feature**: Create a component for image upload with drag-and-drop functionality and file input.
4. **Implement Tagging System**: Build a tagging interface that allows users to add tags during or after the upload process.
5. **Set Up Search and Filter**: Develop a search bar that filters images based on user-provided tags.
6. **Design Gallery View**: Create a grid layout to display uploaded images with thumbnails and tag information.
7. **Ensure Responsive Design**: Test and refine the layout on various devices to ensure usability.

## USER EXPERIENCE
Users will start on a clean landing page where they can easily navigate to upload images. After uploading, they will be prompted to add tags. The gallery view will allow them to see all uploaded images, with the ability to filter them using the search functionality. The minimalist design ensures that users can focus on their images without distractions, providing a smooth and intuitive experience throughout.