Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This application is a web-based inventory management system designed for a large format printing company, focusing on the efficient tracking and management of various materials such as rolls, acrylic sheets, and other supplies. It aims to streamline inventory processes, facilitate user management, and enhance the overall operational efficiency of the business.

## CORE FEATURES
1. **Inventory Tracking**: Users can easily input and track the entry and exit of materials, including rolls and other supplies, ensuring accurate inventory levels.
2. **User Management**: Assign one administrator and several additional users (3-4) with varying access levels to facilitate efficient inventory management.
3. **Alerts & Notifications**: Automatic alerts for materials that are running low, enabling proactive restocking before items run out.
4. **Supplier Records**: Maintain a detailed log of purchases from each supplier, allowing for accurate monthly reporting and performance analysis.
5. **Material Ordering**: Users can place orders directly through the app for materials needed, streamlining the procurement process.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - Emphasizes a clean and simple design with ample white space, allowing users to focus on essential elements without distractions.
- **Color Mode**: Light theme featuring a vibrant cyan (100%) as the primary color, complemented by darker text on light backgrounds for readability.
- **Layout**: A straightforward grid layout with a sidebar for navigation, header for branding, and a main content area for displaying inventory details and forms. Use cards for individual items and lists for order management.
- **Typography**: Use a sans-serif font for clarity and modernity. Hierarchy should be established with larger headings for sections and smaller text for descriptions to maintain a clean look.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for robust, type-safe development.
- **Styling**: Tailwind CSS for efficient, utility-first styling that promotes responsive design.
- **UI Components**: Utilize shadcn/ui for ready-to-use, customizable components for a cohesive look.
- **State Management**: Use React Context API or Redux for managing global state effectively.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install necessary dependencies (React, Tailwind CSS, shadcn/ui).
2. **Design the Layout**: Create the main layout structure using Tailwind CSS, including a sidebar, header, and main content area.
3. **Implement Core Features**:
   - **Inventory Management**: Develop forms and lists for adding and tracking inventory items.
   - **User Management**: Create an admin dashboard for user management functionalities.
   - **Alerts System**: Set up a notification system to track inventory levels and send alerts.
   - **Supplier and Order Management**: Build components to log supplier data and manage orders.
4. **Responsive Design**: Test and ensure the application is fully responsive across different devices and screen sizes.
5. **Testing**: Implement unit and integration tests to ensure all functionalities work as intended and fix any bugs.

## USER EXPERIENCE
Users will have a seamless experience navigating through the app. The dashboard will display inventory levels prominently, allowing quick access to critical information. The sidebar will provide easy navigation to different sections such as inventory, order management, and user settings. Users will receive timely alerts for low stock items, and the ordering process will be straightforward, with forms designed for quick input. Overall, the emphasis will be on simplicity and efficiency, enabling users to manage their inventory with ease.