Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
Uloga is a web application designed for textile retail businesses, focusing on mobile input and sales, alongside desktop analytics and reports. The application streamlines the process of item entry and sales transactions while providing insights through reporting features, all built with a clean and minimalist user interface.

## CORE FEATURES
1. **Item Management**: Users can view a list of items, access detailed information, and add new items through a simple input form, supporting manual ID entry and optional OCR.
2. **Sales Processing**: Quick sales functionality allows for efficient transactions using manual ID entry and OCR options, ensuring minimal steps for users.
3. **Reporting Dashboard**: Users can generate and view reports on profit, revenue, and trends, providing valuable insights into business performance.
4. **Settings Configuration**: Admins can manage VAT settings and currency options, with read-only access for merchants to enhance security.
5. **Search Functionality**: Users can easily search for items by name, code, color, or size to facilitate quick access to inventory.
6. **Integration Documentation**: Comprehensive documentation will be provided to facilitate future backend integration, mapping screens to the necessary API calls.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist, featuring a clean and simple design with ample white space and a focus on typography to enhance readability and user experience.
- **Color Mode**: Light theme with dark text on light backgrounds, ensuring clarity and ease of use in various lighting conditions.
- **Layout**: The main layout will be structured to prioritize mobile-first design, with large input fields and an intuitive navigation flow. On desktop, the dashboard will present key metrics and graphs in a visually appealing manner.
- **Typography**: Utilize a sans-serif font for body text and headings to maintain a modern and clean aesthetic. Text hierarchy will be clearly defined through size and weight variations.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS for utility-first styling
- **UI Components**: Utilize minimalist components without heavy UI libraries like MUI or Chakra.
- **State Management**: React’s built-in state management will be sufficient for this application, with minimal additional libraries.

## IMPLEMENTATION STEPS
1. **Project Setup**: Initialize the project using Vite with React and TypeScript.
2. **Routing Configuration**: Set up React Router to manage navigation between key screens (Items, Sales, Reports, Dashboard, and Settings).
3. **UI Component Development**: Create reusable components for forms, lists, and dashboards using Tailwind CSS for styling.
4. **Mock Data Integration**: Implement mock data for items, sales, and reports to simulate backend interactions without requiring a live backend.
5. **Form Handling**: Implement controlled components for item entry and sales processing, ensuring validation and error handling.
6. **Documentation Creation**: Draft integration documentation outlining the screen layouts, component states, and API mappings for future backend connection.

## USER EXPERIENCE
The application will offer a seamless user experience with a focus on mobile-first interactions. Users will navigate through intuitive screens with large input fields and minimal clicks required to perform actions. The reporting dashboard will visually present data trends and key metrics, while settings will be easily adjustable for VAT and currency preferences. Users will encounter clear validation messages in case of input errors, ensuring a smooth workflow. 

This comprehensive prompt captures the user’s vision for a minimalist web application tailored for textile businesses, ready for implementation with Lovable.