Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This web application is designed for a winery to facilitate the daily registration of sales. It allows users to track total sales, the quantity of products sold, unique products sold, and gain insights into sales trends. The application aims to provide a clear and efficient way to manage and visualize sales data while maintaining a minimalist and user-friendly interface.

## CORE FEATURES
1. **Daily Sales Entry**: Users can log daily sales, including product quantities and details.
2. **Total Sales Overview**: Displays total sales figures for selected periods, giving users a quick snapshot of performance.
3. **Product Analytics**: Shows the quantity of products sold, unique products sold, and identifies the best-selling products.
4. **Sales Trends**: Analyzes sales data to reveal the day of the week with the highest sales and provides insights into product performance by day.
5. **Estimated Profit Calculation**: Calculates estimated profits based on sales data, assuming a product cost of 30%.
6. **Filters**: Allows users to filter sales data by date and product for in-depth analysis.

## 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 layout will include a top navigation bar, a main content area for sales data entry and analytics, and a sidebar for filtering options.

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

## IMPLEMENTATION STEPS
1. **Set Up Environment**: Initialize a new React project with TypeScript, install necessary dependencies including Tailwind CSS and shadcn/ui.
2. **Create Components**:
   - Develop a navigation bar component for easy access to different sections of the app.
   - Build a sales entry form component for users to log daily sales.
   - Implement a dashboard component to display total sales, product analytics, and trends.
3. **Implement State Management**: Use Context API or Zustand to manage application state for sales data, including logic for calculating totals and analytics.
4. **Design Layout**: Structure the application layout using Tailwind CSS to ensure responsiveness and adherence to the minimalist design.
5. **Add Filtering Logic**: Implement filtering functionality to allow users to view sales data based on specified criteria.
6. **Testing**: Perform thorough testing to ensure all features work as intended and the user interface is intuitive.

## USER EXPERIENCE
Users will interact with a straightforward interface, where they can easily navigate through the sales entry and analytics sections. The sales entry form will provide immediate feedback upon submission, and users will be able to visualize their sales data through charts and tables. Filtering options will enhance their ability to analyze specific sales periods or product performance, making the application not only functional but also engaging.