Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project involves creating a web application that interconnects KDS (Kitchen Display System), kiosks, and TVs locally without the need for internet connectivity. The main purpose is to streamline communication and order management within a local environment, enhancing efficiency in food service or retail settings.

## CORE FEATURES
1. **Real-Time Order Display**: Updates and displays orders on KDS and kiosks instantly without requiring internet access.
2. **Local Network Communication**: Establishes a reliable communication protocol for devices to interact seamlessly within the local network.
3. **User-Friendly Interface**: Provides intuitive interfaces for kiosks and KDS, ensuring ease of use for staff and customers.
4. **Order Management Dashboard**: Allows users to manage and track orders efficiently, view order statuses, and make updates as necessary.
5. **Notification System**: Sends alerts for new orders and updates to KDS and kiosks, ensuring that the staff is always informed.
6. **Settings Configuration**: Offers an interface for users to adjust settings such as device connections and display preferences.

## 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 structured layout with a top navigation bar, a central content area for order management, and side panels for notifications and settings.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux or Context API for managing application state if needed

## IMPLEMENTATION STEPS
1. **Set Up the Development Environment**: Install necessary tools (Node.js, npm) and create a new React project with TypeScript.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui to the project.
3. **Create the Main Layout**: Design the main layout using Tailwind CSS, incorporating navigation, content areas, and side panels.
4. **Build Core Features**: 
   - Implement the Real-Time Order Display using local network protocols.
   - Create the Order Management Dashboard with features for tracking and managing orders.
   - Develop the User-Friendly Interface for kiosks and KDS.
5. **Add Notification System**: Set up WebSockets or another local communication method for notifications.
6. **Configure Settings Interface**: Build a settings page for users to manage device connections and display options.
7. **Testing and Debugging**: Thoroughly test the application on local networks to ensure functionality without internet access.
8. **Deployment**: Prepare the application for deployment on local servers or devices.

## USER EXPERIENCE
The application will provide a seamless user experience through intuitive controls and real-time updates. Users will interact with kiosks to place orders, which will be displayed immediately on KDS. Staff will receive notifications for new orders, and they can manage order statuses through the dashboard, ensuring efficient operation without relying on internet connectivity. Responsive design will ensure optimal usability on various devices, maintaining ease of access and navigation.