Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed to serve as a feature-rich inventory module for restaurants. The main purpose is to enable restaurant managers to efficiently track and manage their inventory, ensuring optimal stock levels and minimizing waste. The application will provide insights and analytics to support inventory decisions.

## CORE FEATURES
1. **Inventory Tracking**: Keep tabs on stock levels for all ingredients and supplies, allowing users to update quantities as items are used or received.
2. **Supplier Management**: Maintain a database of suppliers, including contact information and product offerings, to streamline ordering processes.
3. **Low Stock Alerts**: Automated notifications to alert users when stock levels fall below predefined thresholds, helping prevent shortages.
4. **Reporting & Analytics**: Generate reports on inventory usage, costs, and trends to assist with budgeting and purchasing decisions.
5. **User Roles & Permissions**: Different access levels for staff members (e.g., managers, kitchen staff) to ensure appropriate access to inventory data and functionalities.
6. **Integration with POS Systems**: Ability to sync inventory data with existing Point of Sale systems to keep stock levels accurate in real-time.

## 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**: The main layout will consist of a sidebar for navigation, a top bar for user actions, and a central area for displaying inventory data, reports, and forms.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux (for managing application state and user roles)

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript using Create React App or a similar tool.
2. **Install Dependencies**: Install Tailwind CSS, Redux, and shadcn/ui components.
3. **Design Layout**: Create a responsive layout with a sidebar and top navigation bar using Tailwind CSS.
4. **Develop Core Features**:
   - Implement Inventory Tracking as a CRUD interface with forms for adding and updating items.
   - Set up Supplier Management with a similar CRUD interface.
   - Develop Low Stock Alerts feature using a notification system.
   - Create Reporting & Analytics dashboards with charts and tables.
5. **User Roles & Permissions**: Implement authentication and role-based access control using JWT or a similar approach.
6. **Integration**: Implement integration with POS systems using APIs to fetch and update inventory data.

## USER EXPERIENCE
Users will interact with the application through a clean and intuitive interface. They will navigate using the sidebar to access different features such as Inventory, Suppliers, Reports, and Settings. Key interactions will include adding or updating inventory items, receiving alerts for low stock, and generating reports to analyze inventory trends. The focus on responsiveness ensures usability on both desktop and mobile devices, providing a seamless experience across platforms.