Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed for managing sales and product data efficiently. It features a modern and minimalist interface, focusing on usability across desktops, tablets, and mobile devices. The application allows users to register sales, analyze statistics, and manage products seamlessly, ensuring a smooth user experience.

## CORE FEATURES
1. **Sales Registration**: A form to log sales, including fields for date, product name, optional category, quantity sold, and unit price, with an option to register the sale.
2. **Dashboard Statistics**: Displays key indicators such as total sales, total quantity sold, unique products sold, and estimated profit, with real-time updates.
3. **Sales Analysis**: Provides graphical representations of sales data, including top-selling products, daily sales trends, and weekly/monthly sales evolution using bar and line charts.
4. **Sales History**: A searchable and filterable table that shows detailed records of sales, allowing users to edit or delete entries.
5. **Product Management**: A module for creating, editing, and deleting products, with details including name, category, price, and status (active/inactive).
6. **Reports**: Features export options for sales data to Excel and statistics to PDF, enhancing usability for reporting purposes.

## 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 consists of a top navigation bar, a central dashboard area displaying statistics and charts, and side panels for product and sales management.

## 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 Project**: Initialize a new React project using Create React App with TypeScript and install Tailwind CSS and necessary libraries.
2. **Create the Database**: Set up Supabase as the backend to handle sales and product data. Define tables for sales and products as specified.
3. **Implement Authentication**: Use Supabase for user authentication, enabling secure access to the application.
4. **Develop UI Components**: Design reusable components for forms, tables, cards, and charts, adhering to the specified design specifications.
5. **Integrate State Management**: Set up Redux or Context API for managing the state of sales and product data across components.
6. **Build Dashboard**: Create the dashboard page that aggregates and displays sales statistics, utilizing charts from Recharts for visual analysis.
7. **Implement Sales Registration**: Develop the sales registration form and connect it to the Supabase database to store entries.
8. **Create Product Management Module**: Allow users to create, edit, and delete products while updating the UI accordingly.
9. **Add Filtering and Search Functionality**: Implement filters for viewing sales data by date ranges and product searches within the sales history table.
10. **Finalize User Experience**: Test and refine user interactions, ensuring smooth notifications, automatic updates, and a responsive design.

## USER EXPERIENCE
Upon entering the application, users are greeted with a dashboard displaying key sales metrics and visual insights. When registering a sale, a success notification is shown, the form clears, and the dashboard updates automatically without needing a page refresh. The user can easily navigate through product management, sales history, and reports, providing a seamless and efficient experience.