Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This application is a comprehensive web app designed for managing sales and products within a streamlined administrative dashboard. Its primary purpose is to provide businesses with an intuitive platform for product management, inventory control, sales tracking, and financial reporting, enabling strategic decision-making through real-time analytics.

## CORE FEATURES
1. **Product Management**: Allows users to register and manage products, including details such as price, stock levels, and categorization.
2. **Sales Module**: Integrated system for recording, tracking, and analyzing sales transactions, providing valuable insights into sales performance.
3. **Intelligent Financial System**: Displays detailed financial reports, including revenue, profit, and cash flow, organized by daily, weekly, monthly, and yearly periods.
4. **Interactive Dashboard**: Features real-time graphs and indicators that visualize business growth and performance metrics, enhancing user engagement and accessibility.
5. **User Authentication**: Secure login for users to access the platform, ensuring data protection and personalized experiences.
6. **Responsive Design**: Optimized for various devices, providing a seamless experience across desktops, tablets, and mobile devices.

## 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 sidebar for additional navigation options, and a central dashboard area displaying graphs and reports. Sections for product management, sales tracking, and financial insights are clearly delineated for ease of use.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux (if needed for managing global state)

## IMPLEMENTATION STEPS
1. **Set Up Environment**: Initialize a new React project with TypeScript. Install necessary dependencies, including React Router for navigation and Tailwind CSS for styling.
2. **Create Authentication System**: Implement user authentication using a library such as Firebase or Auth0 to handle login and registration.
3. **Design the Dashboard Layout**: Build the main layout structure, incorporating the top navigation bar and sidebar using Tailwind CSS for styling.
4. **Develop Core Features**:
   - Product Management: Create a CRUD interface for managing products, including forms for adding and editing product details.
   - Sales Module: Set up forms for recording sales transactions and a table to display sales history.
   - Financial Reporting: Implement a reporting component that fetches and displays financial data in organized formats.
5. **Build the Interactive Dashboard**: Utilize chart libraries (e.g., Chart.js or Recharts) to create visual representations of sales and financial data.
6. **Implement Responsiveness**: Ensure all components are responsive, testing across different device sizes for optimal user experience.

## USER EXPERIENCE
Users will interact with the application through a clean and intuitive interface, starting with a secure login. Once logged in, they will be greeted by the dashboard, where they can easily navigate to product management, sales tracking, and financial reporting sections. The real-time analytics and visualizations will empower users to make informed decisions quickly, enhancing overall usability and satisfaction with the platform.