Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed to manage and price food items such as combos, pastries, soups, and juices. The main purpose is to provide an intuitive interface for users to input, modify, and retrieve pricing information for various food categories, enhancing operational efficiency and cost management.

## CORE FEATURES
1. **Item Registration**: Users can register different food items, including combos, pastries, soups, and juices, with detailed attributes like price, ingredients, and availability.
2. **Pricing Management**: A dedicated feature that allows users to set and adjust prices for food items dynamically based on market conditions or promotions.
3. **Reporting Dashboard**: A visual dashboard that provides insights into pricing trends, sales data, and inventory levels to help users make informed decisions.
4. **User Authentication**: Secure user registration and login functionality to ensure that only authorized personnel can access sensitive pricing and inventory data.
5. **Search and Filter**: Users can easily search for specific food items or filter through categories to find the information they need quickly.
6. **Responsive Design**: The application will be fully responsive, ensuring optimal usability on both desktop and mobile devices.

## 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 different sections, a sidebar for filtering options, and a central area displaying the item listings and dashboards.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux (if needed for complex state management)

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project using Create React App with TypeScript.
2. **Install Dependencies**: Install Tailwind CSS, shadcn/ui, and Redux (if required) to manage the application state.
3. **Create UI Components**: Develop reusable UI components for headers, buttons, cards, and input fields with the specified styles.
4. **Implement Routing**: Set up React Router for navigation between different sections of the application.
5. **Build Features**: Develop each core feature, starting with user authentication, followed by item registration, pricing management, and the reporting dashboard.
6. **Test Responsiveness**: Ensure the application is responsive and performs well on various screen sizes and devices.
7. **Deploy Application**: Choose a suitable hosting platform (e.g., Vercel, Netlify) to deploy the web application for public access.

## USER EXPERIENCE
Users will have a streamlined experience starting from a simple login page. Upon logging in, they will be directed to the dashboard where they can view and manage food items. Users can quickly add new items, adjust prices, and analyze sales data through interactive charts. The responsive design ensures a seamless experience across devices, enabling users to manage their food pricing efficiently whether they are in the office or on the go.