Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
"TIENDA EL GANGAZO MINIMARKET a professional web application designed for managing a grocery store and minimarket. It focuses on providing an intuitive and efficient way to control inventory, sales, purchases, expenses, and cash flow, primarily optimized for mobile devices.

## CORE FEATURES
1. **Dashboard**: A comprehensive overview displaying key metrics like daily sales, cash balance, inventory value, and alerts for low stock or outstanding debts.
2. **Product Management**: A complete module for adding, editing, and managing product details, including stock levels, pricing, and categorization.
3. **Sales & Purchases**: Quick and easy interfaces for processing sales and recording purchases, including functionality for handling products sold by weight.
4. **Inventory Control**: Real-time tracking of inventory levels with alerts for low stock, enabling efficient restocking and management.
5. **Cash Flow Management**: A dedicated module to monitor cash flow, including a "¿PUEDO COMPRAR?" feature that assesses liquidity for potential purchases.
6. **User Authentication**: Role-based access control through Supabase Auth, ensuring that administrators, cashiers, and purchase users have appropriate permissions.

## 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 (use this as the main accent/brand color 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: A mobile-first responsive design with a bottom navigation bar for easy access to main sections: Home, Sales, Inventory, Purchases, and Cash.

## TECHNICAL REQUIREMENTS
- Framework: React with TypeScript
- Styling: Tailwind CSS
- UI Components: shadcn/ui
- State Management: [To be determined based on specific needs, consider using Context API or Zustand]

## IMPLEMENTATION STEPS
1. **Phase 1**: Set up the base project with React and TypeScript using Vite, and configure Tailwind CSS.
2. **Phase 1**: Implement user authentication using Supabase Auth to manage different roles (Administrator, Cashier, Purchases).
3. **Phase 1**: Create the layout structure for the application, focusing on a mobile-first approach with responsive design.
4. **Phase 2**: Develop the product management module, allowing users to create, edit, and manage products.
5. **Phase 2**: Establish the database schema in Supabase, ensuring proper relationships and security measures.
6. **Phase 2**: Implement the dashboard feature to display key metrics and alerts for the user.

## USER EXPERIENCE
The application will prioritize a seamless user experience, featuring large buttons, simple forms, and straightforward navigation. Users will be able to quickly access critical functionalities, such as recording sales, managing inventory, and monitoring cash flow directly from their mobile devices. The overall goal is to facilitate daily operations in the store with minimal friction and maximum efficiency.