Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a web application for "NAZEM SIP," a refreshing drink brand, designed for Android devices. The main purpose of the application is to facilitate billing for sales, allowing users to select products, manage payments, and update product information. The interface will reflect a high-end premium food app aesthetic, ensuring a seamless user experience.

## CORE FEATURES
1. **Product Menu**: A dynamic menu displaying all available products with their prices, allowing users to easily browse and select items for purchase.
   
2. **Payment Options**: Users can choose between cash and UPI payments. The application allows for partial payments with both methods, enabling users to specify the amount for each option.

3. **Product Management**: A dedicated section for adding or removing products, adjusting quantities for bottled or glassed products, and updating the brand logo within the app.

4. **Order Summary**: A comprehensive view summarizing selected products, total price, and payment method, ensuring users can review their orders before finalizing purchases.

5. **User Authentication**: Secure login and user account management to keep track of sales, product changes, and order history.

6. **Settings**: Options for customizing user preferences, including notifications and payment settings.

## 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, a central product display area, and a bottom action bar for payment and order summary. Each section will be clearly defined with ample spacing to enhance usability.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: Redux or Context API for managing application state.

## IMPLEMENTATION STEPS
1. **Set up the React Application**: Initialize a new React project with TypeScript using Create React App.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui to the project for styling and UI components.
3. **Create Core Components**: Develop the main components such as ProductMenu, PaymentOptions, OrderSummary, and ProductManagement.
4. **Implement Routing**: Set up routing to handle different views (e.g., product selection, order summary).
5. **State Management**: Implement Redux or Context API to manage the state for products, user authentication, and payment details.
6. **API Integration**: If necessary, set up a backend API for product and order management. This could be done using a service like Firebase or a custom Node.js server.
7. **Testing**: Conduct thorough testing to ensure functionality and user experience meets expectations.
8. **Deployment**: Prepare the application for deployment on Android, ensuring all components are responsive and optimized for mobile devices.

## USER EXPERIENCE
Users will navigate through a clean, minimalist interface, selecting products from a well-organized menu. The payment options will be intuitive, allowing for quick selections and adjustments. The application will provide feedback on selections and payment choices, ensuring users feel confident in their transactions. Overall, the user flow will be smooth, with a focus on facilitating quick and efficient billing for the refreshing drink brand.