Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This application is a web app designed to provide a streamlined and user-friendly interface that enhances the experience of a café management platform. It aims to offer improved features and functionalities compared to the existing site, focusing on usability and aesthetic appeal, while allowing users to easily navigate through menus, orders, and customer interactions.

## CORE FEATURES
1. **User Authentication**: Secure login and registration for café staff and customers to access their accounts and personalized features.
2. **Menu Management**: An intuitive interface for café owners to add, edit, and remove menu items, including images, descriptions, and prices.
3. **Order Processing**: A system for customers to place orders online, with an easy-to-use cart and checkout process.
4. **Customer Feedback**: A feature that allows customers to leave reviews and ratings for menu items, helping the café to improve its offerings.
5. **Sales Dashboard**: An analytics dashboard for café owners to track sales, popular items, and customer engagement metrics.
6. **Promotions & Discounts**: An interface for managing promotional offers and discounts to attract and retain customers.

## 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 top navigation bar for easy access to key sections, a main content area showcasing features and menu items, and a footer for contact information and social media links.

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

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project with TypeScript and install necessary dependencies (React Router, Tailwind CSS, shadcn/ui, etc.).
2. **Create the Authentication Flow**: Implement user login and registration screens, using forms styled with Tailwind CSS.
3. **Develop Menu Management**: Build components for adding, editing, and displaying menu items, integrating forms and state management for data handling.
4. **Implement Order Processing**: Create a cart component that allows users to add items, view their cart, and proceed to checkout.
5. **Feedback System**: Develop a feedback component where users can submit reviews for menu items, ensuring it’s easy to use and visually appealing.
6. **Build the Sales Dashboard**: Create an analytics dashboard using charts and graphs to display sales data and metrics for café owners.
7. **Promotions Interface**: Allow café owners to create and manage promotions, ensuring this is easily accessible from the dashboard.

## USER EXPERIENCE
The application will prioritize user experience by providing a seamless navigation experience. Users will be able to quickly access the menu, place orders, and leave feedback with minimal clicks. The design will ensure that buttons and links are clearly defined, while the layout maintains clarity and focus on the content. The responsive design will ensure that the app functions well on both desktop and mobile devices, making it accessible to all users.