Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This application is a web app designed for the food business, aimed at providing a streamlined platform for food ordering and management. Users can easily browse menu items, place orders, and manage their food business operations all in one place.

## CORE FEATURES
1. **Menu Management**: Users can add, edit, and remove menu items, including descriptions, prices, and images.
2. **Order Processing**: Customers can place orders directly through the app, with a clear checkout process and order confirmation.
3. **User Authentication**: Secure login and registration for business owners and customers to manage their profiles and orders.
4. **Customer Feedback**: Allow customers to leave reviews and ratings for menu items, enhancing user engagement and trust.
5. **Analytics Dashboard**: Provide insights into sales data, popular items, and customer preferences to help businesses make informed decisions.
6. **Promotions and Discounts**: Enable users to create and manage promotional campaigns to attract more customers and boost sales.

## 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 feature a top navigation bar, a hero section for promotions, a grid layout for menu items, and a footer with contact information.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: Redux or Context API (as needed) to manage user state and orders.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize the React project with TypeScript and install necessary dependencies (React Router, Tailwind CSS, shadcn/ui).
2. **Create Routes**: Define routes for the home page, menu management, order processing, user authentication, and analytics dashboard.
3. **Design Components**: Build reusable UI components such as buttons, cards, and forms using Tailwind CSS and shadcn/ui.
4. **Implement State Management**: Set up state management to handle user authentication and orders.
5. **Develop Core Features**: Create functionality for menu management, order processing, user authentication, and customer feedback.
6. **Test Responsiveness**: Ensure the application is responsive across various devices and screen sizes.
7. **Deploy Application**: Choose a hosting platform (e.g., Vercel, Netlify) for deployment and set up continuous integration.

## USER EXPERIENCE
Users will have a seamless experience, starting from an intuitive landing page that showcases the food menu. They can easily navigate through the menu, add items to their cart, and complete their orders with a straightforward checkout process. Business owners can efficiently manage their menu and track orders through a user-friendly dashboard. The application will prioritize user feedback to enhance service and menu offerings, ensuring a satisfying experience for both customers and business owners.