Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed for managing sales and product information with a modern, minimalistic approach. The application will feature a clean interface that allows users to register sales, view statistics, analyze sales data, and manage products efficiently across devices.

## CORE FEATURES
1. **Sales Registration**: A form for entering sales data including date, product name, optional category, quantity sold, and unit price, which will be stored in the database.
2. **Dashboard Statistics**: Visual cards displaying total sales, total products sold, unique products sold, and estimated profit calculated based on sales data.
3. **Sales Analysis**: Graphs and tables showcasing the top-selling products, sales trends by day of the week, and monthly sales evolution.
4. **Sales History**: A searchable table that lists all sales, allowing users to filter by date, edit records, and delete entries.
5. **Product Management**: A module for creating, editing, and deleting products, ensuring users can manage their inventory effectively.
6. **Report Generation**: Options to export sales data to Excel and statistics to PDF for easy sharing and reporting.

## 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 feature a top navigation bar, a dashboard section displaying cards for statistics, a sidebar for navigation to different modules (sales, products, reports), and a main content area for forms, tables, and charts.

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

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a React project with TypeScript and Tailwind CSS.
2. **Design the UI**: Create the initial layout with a navigation bar, dashboard, and sidebar using Tailwind CSS for styling.
3. **Build the Sales Registration Form**: Implement a form component to capture sales data and handle form submissions.
4. **Create Database Schema**: Set up tables for sales and products in Supabase with appropriate fields.
5. **Implement Dashboard**: Develop components to display sales statistics using cards and integrate Recharts for graphical representations.
6. **Develop Sales History Table**: Create a table component with filtering, searching, and editing capabilities for the sales history.
7. **Implement Product Management**: Create a module for adding, editing, and deleting products.
8. **Add Reporting Features**: Integrate functionality for exporting data to Excel and PDF formats.
9. **Enhance User Experience**: Implement notifications for successful sales registration and ensure the dashboard updates dynamically without page reloads.
10. **Test Responsiveness**: Ensure the application functions correctly on desktops, tablets, and mobile devices.

## USER EXPERIENCE
Users will experience a seamless interaction flow, beginning with a clean and welcoming dashboard upon login. They can easily register new sales through a simple form, view analytics on their dashboard, and navigate through the application using a well-structured sidebar. Notifications will enhance user feedback, and all components will be responsive, ensuring usability across all devices.