Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This web application is designed for managing an inventory of raw materials, allowing users to track entries and exits, such as sales, production orders, expirations, and damages. It will feature a dashboard for monitoring stock levels, client-specific inventory management, and will generate alerts for low stock situations while maintaining supplier databases for cost calculations.

## CORE FEATURES
1. **Inventory Management**: Track and manage raw material stock, including entries for production orders and exits for sales or losses.
2. **Client-Specific Inventory**: Allow users to manage inventories by client, facilitating easy selection and tracking of materials per customer.
3. **Batch Tracking**: Maintain stock availability by batch, including expiration dates where applicable, enabling precise inventory control.
4. **Dashboard Overview**: A summary dashboard displaying stock levels, alerts for low inventory, and quick search functionality for raw materials.
5. **Supplier Database**: Maintain a list of suppliers with information on the last costs, enhancing cost management for production orders.
6. **Cost Calculation**: Automatically calculate the cost of production orders based on the current inventory and supplier data.

## 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: A simple grid layout for the dashboard with sections for inventory overview, alerts, and client management on a single page, and modal/pop-up forms for data entry.

## TECHNICAL REQUIREMENTS
- Framework: React with TypeScript
- Styling: Tailwind CSS
- UI Components: shadcn/ui
- State Management: Redux or Zustand (optional, based on complexity)

## IMPLEMENTATION STEPS
1. **Set up the React application**: Initialize a new React project with TypeScript.
2. **Integrate Supabase**: Configure Supabase for database management, focusing on tables for inventory, clients, suppliers, and production orders.
3. **Create UI Components**: Develop necessary components using shadcn/ui, including forms for entering production orders and managing suppliers.
4. **Implement Routing**: Use React Router to handle navigation between different sections if required.
5. **Build Dashboard**: Create the dashboard component to display stock levels, alerts, and search functionality.
6. **Connect State Management**: Integrate Redux or Zustand for managing global state, particularly for inventory tracking and user sessions.
7. **Test Functionality**: Ensure all features work as intended, focusing on user experience and responsiveness.
8. **Deploy Application**: Use a platform like Vercel or Netlify for deployment once testing is complete.

## USER EXPERIENCE
Users will interact with a clean, intuitive dashboard that highlights stock levels and alerts for low inventory. They can quickly search for raw materials, create production orders that automatically adjust stock levels, and manage client-specific inventories with ease. The application will provide a seamless experience for accessing supplier information and calculating costs, ensuring efficient inventory management.