Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This web application is designed for a restaurant, facilitating seamless communication between the reception and the kitchen. It allows users to receive orders from the reception, send them to the kitchen, modify the menu, and access a comprehensive database, enhancing operational efficiency and customer satisfaction.

## CORE FEATURES
1. **Order Management**: Receive and manage incoming orders from the reception in real-time, ensuring accurate and swift processing.
2. **Kitchen Communication**: Send orders directly to the kitchen with notifications, allowing kitchen staff to view and prioritize tasks efficiently.
3. **Menu Management**: Enable users to update and modify the menu items easily, ensuring that offerings are always current and reflect customer preferences.
4. **Database Access**: Provide access to a centralized database containing menu items, order history, and customer information for better decision-making.
5. **User Authentication**: Secure login system for different user roles (e.g., receptionists, kitchen staff, management) to ensure data integrity and privacy.
6. **Reporting Dashboard**: Visualize order trends and performance analytics to help management make informed decisions about operations and menu adjustments.

## 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 vertical layout with a header, main content area displaying order and menu management features, and a footer. The dashboard will be organized into sections for easy navigation across different functionalities.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: React Context API or Redux (based on complexity).

## IMPLEMENTATION STEPS
1. **Setup Project**: Initialize a new React project using Create React App with TypeScript.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui components.
3. **Create Components**: Develop core components for the application, including Order Management, Kitchen Communication, Menu Management, and User Dashboard.
4. **Implement Routing**: Use React Router to enable navigation between different sections of the application.
5. **User Authentication**: Set up user authentication using Firebase or a similar service to manage user roles and permissions.
6. **Database Integration**: Connect to a backend database (e.g., Firebase Firestore, MongoDB) to store and retrieve orders and menu items.
7. **Design UI**: Apply Tailwind CSS styles to components, ensuring adherence to the design specifications for a minimalist look.
8. **Testing**: Conduct thorough testing for functionality, responsiveness, and user experience across different devices.

## USER EXPERIENCE
Users will interact with a clean interface where they can easily navigate between receiving orders and managing the menu. Upon logging in, receptionists can view incoming orders, while kitchen staff can access a dedicated view for active orders. Menu updates are intuitive, allowing users to make changes with minimal clicks. The dashboard provides visual insights into performance metrics, ensuring that management can swiftly adjust strategies based on real-time data. The overall experience focuses on simplicity and efficiency, allowing staff to perform their tasks with minimal friction.