Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This application is a web-based tool designed for Digitalgraf Publicidad, featuring three integrated modules that streamline production order management, inventory tracking, and installation record-keeping. The app aims to enhance efficiency for users by providing a user-friendly interface optimized for mobile devices.

## CORE FEATURES
1. **Production Order Module**: Allows users to input client details, job descriptions, installation requirements, and material specifications, with automatic generation of production order numbers.
   
2. **Inventory Module**: Provides a separate inventory tracking system to maintain records of ongoing projects without deleting existing data, allowing users to view and manage materials effectively.

3. **Installation Record Module**: Enables company employees to upload photographic evidence of completed installations, along with date stamps and job descriptions for thorough documentation.

4. **User Management**: Supports multiple user roles, ensuring that different team members have access to the appropriate modules based on their responsibilities.

5. **Responsive Design**: The application is optimized for mobile devices, ensuring a smooth user experience across different screen sizes.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - Focus on a clean and simple design with ample white space, allowing for easy navigation and readability.
- **Color Mode**: Light theme featuring a cyan color palette, with dark text on light backgrounds to enhance contrast and legibility.
- **Layout**: A three-column layout for the main dashboard, with each module clearly defined. Each module should have a distinct section, while ensuring the layout remains responsive and fluid.
- **Typography**: Use a sans-serif font like "Roboto" for a modern look, with headings in larger sizes to establish a clear hierarchy and body text in standard size for readability.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS for utility-first styling
- **UI Components**: Utilize shadcn/ui for common UI elements like buttons, modals, and forms
- **State Management**: Implement React Context API or Zustand for state management to handle user sessions and module data.

## IMPLEMENTATION STEPS
1. **Setup Development Environment**: Initialize a new React project using Create React App with TypeScript support.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui to the project for styling and UI components.
3. **Create Module Structure**: Develop separate components for the Production Order, Inventory, and Installation Record modules.
4. **Implement Routing**: Utilize React Router to navigate between modules seamlessly.
5. **Design User Interface**: Apply Tailwind CSS classes to build a minimalist UI, ensuring proper spacing and alignment for a clean look.
6. **Integrate State Management**: Set up Context API or Zustand to manage user roles and module data across the application.
7. **Optimize for Mobile**: Ensure all components are responsive by using Tailwind’s responsive utilities and testing on various devices.
8. **Add Animation**: Implement subtle animations for the landing page, including the logo display, to create an engaging user experience.

## USER EXPERIENCE
Users will begin with a dynamic landing page that features the company logo with an animated entrance. Upon logging in, users will be directed to the dashboard, where they can easily navigate between the three modules. Each module will feature intuitive forms for data entry, with clear labels and prompts, ensuring that users can complete tasks efficiently. The responsive design will allow users to access the application from their mobile devices without losing functionality or usability. 

The application will prioritize user interactions, providing feedback for actions taken (e.g., successful order submission, inventory updates), and ensuring a smooth flow throughout the app.