Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This application is a personal card storage solution that allows users to upload and categorize images of visiting cards. With a focus on minimalism and user-friendliness, the app provides a clean interface for easy navigation and management of card images. The application supports both dark and light themes to accommodate user preferences.

## CORE FEATURES
1. **Image Upload**: Users can upload images of visiting cards, which will be stored in a Cloudflare R2 bucket for efficient cloud hosting.
2. **Categorization**: The app allows users to categorize their uploaded cards, making it easy to organize and retrieve specific cards based on the category.
3. **Single User Authentication**: A simple authentication process ensures that the app is accessible only to the user, providing a secure environment for storing personal data.
4. **Theme Switcher**: Users can toggle between light and dark themes based on their preference, enhancing usability and personalization.
5. **Responsive Design**: The application is designed to be fully responsive, ensuring a seamless experience on both mobile and desktop devices.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - Clean, simple design with plenty of white space and a focus on typography for clarity and ease of use.
- **Color Mode**: Light theme with dark text on light backgrounds for high readability; dark theme option for low-light environments.
- **Layout**: A single-column layout with a prominent header for navigation, a main content area that displays uploaded cards in a grid format, and a footer for additional links or information.
- **Typography**: Use a sans-serif font like 'Inter' or 'Roboto' for modern appeal, with a clear hierarchy (e.g., larger font sizes for headings, medium for subheadings, and standard for body text).

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for type safety and component-based architecture.
- **Styling**: Tailwind CSS for utility-first styling, allowing for rapid and responsive design.
- **UI Components**: Utilize shadcn/ui for modern, accessible UI components that enhance user interaction.
- **State Management**: Consider using React's Context API or Zustand for managing global state, if needed.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and configure Tailwind CSS for styling.
2. **Create Authentication**: Implement a simple authentication mechanism for single user access, ensuring secure login.
3. **Integrate Cloudflare R2**: Set up Cloudflare R2 for image hosting and implement functionality for image upload and retrieval.
4. **Develop Categorization Features**: Create a categorization system for users to tag their card images, using a simple form to add categories.
5. **Implement Theme Switcher**: Add functionality for users to switch between light and dark themes, storing user preferences in local storage.
6. **Design UI Components**: Build out the UI using shadcn/ui components, ensuring a clean and modern look that aligns with the design specifications.
7. **Test Responsiveness**: Ensure the application is fully responsive, testing on various devices to guarantee usability across platforms.
8. **Deploy Application**: Once complete, deploy the application to a hosting service, ensuring that all features function as intended.

## USER EXPERIENCE
Users will start by logging into the application, where they will be greeted by a clean interface. They can easily upload new visiting card images and categorize them. The grid layout will allow for easy browsing of stored cards, and users can switch themes with a simple toggle. The minimalist design ensures that users can focus on their cards without unnecessary distractions, providing a seamless experience on both mobile and desktop devices.