Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This web application is a point-of-sale system designed for a small cyber café. It allows users to manage inventory, process sales, and monitor stock levels efficiently. The app provides a user-friendly interface for selecting items, adjusting quantities, and viewing prices, making it easy for the café owner to keep track of sales and inventory.

## CORE FEATURES
1. **Menu Selection**: Users can view a list of available items, select quantities, and see the prices dynamically updated based on their selections.
2. **Inventory Management**: A database that stores all inventory items, which can be easily modified by the owner to update quantities after new stock purchases.
3. **Sales Processing**: Seamless transaction processing where sales are recorded in real-time, updating inventory levels automatically.
4. **Reporting Dashboard**: A simple dashboard for the owner to review sales data and inventory status, enabling informed decision-making.
5. **User Authentication**: Secure login system for the owner to access and manage the application.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - Clean, simple design with plenty of white space, allowing users to focus on the tasks at hand without distraction.
- **Color Mode**: Light theme with dark text on light backgrounds, ensuring readability and a fresh appearance.
- **Layout**: 
  - A top navigation bar for quick access to the menu and dashboard.
  - A central area displaying the menu with item selection options.
  - A sidebar for displaying the current order summary and total cost.
- **Typography**: 
  - Use a sans-serif font for modernity and clarity (e.g., Arial, Helvetica).
  - Use larger font sizes for headings and a standard size for body text to maintain hierarchy and readability.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS for quick and responsive design
- **UI Components**: shadcn/ui for ready-to-use components that enhance user experience
- **State Management**: Redux or Context API for managing app state and inventory data

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize the React app with TypeScript and install required dependencies (Tailwind CSS, shadcn/ui).
2. **Create the Menu Component**: Develop a menu component to display items, including quantity selectors and price displays.
3. **Build the Inventory Database**: Set up a simple database structure (e.g., using Firebase or a local JSON file) to manage inventory items.
4. **Implement Sales Processing Logic**: Create functions to handle sales transactions and update inventory levels accordingly.
5. **Develop the Reporting Dashboard**: Design a dashboard to visualize sales data and inventory status using charts or tables.
6. **Set Up User Authentication**: Implement a basic authentication system to restrict access to the management features.

## USER EXPERIENCE
Users will have a straightforward experience starting from the menu where they can select items. Upon selecting quantities, they will see the updated total price. After processing a sale, the inventory will automatically update. Owners will access their dashboard through a secure login, allowing them to view sales reports and modify inventory easily. The minimalist design ensures that users can navigate the application quickly, with all necessary information readily accessible.