Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project entails the development of a web application dashboard that provides a side menu for the analysis and recommendation of product mixes based on global and Brazilian trends. The application will utilize sales data from the specified Power BI report to assist the style team in proposing production pieces aligned with previous sales across multimarcas, retail, and e-commerce sectors.

## CORE FEATURES
1. **Data Integration**: Seamlessly connect to the Power BI report to pull in sales data for analysis.
2. **Trend Analysis**: Implement algorithms to analyze sales trends and provide recommendations for future product mixes.
3. **User-Friendly Dashboard**: Create an intuitive dashboard layout that allows users to easily navigate through data visualizations and recommendations.
4. **Side Menu Navigation**: Develop a collapsible side menu for quick access to different sections of the dashboard, including trend analysis, recommendations, and historical sales data.
5. **Responsive Design**: Ensure that the application is fully responsive and provides a consistent user experience across all devices.
6. **User Authentication**: Implement user authentication to secure access to the dashboard and personalized user settings.

## 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 side menu for navigation, and a central area for displaying data visualizations and recommendations. The side menu will be collapsible to maximize workspace.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux or Context API (depending on complexity)

## IMPLEMENTATION STEPS
1. **Set Up Project Environment**: Initialize a new React project using Create React App with TypeScript.
2. **Install Dependencies**: Add Tailwind CSS for styling and shadcn/ui for UI components.
3. **Create Components**:
   - Build the side menu component with collapsible functionality.
   - Create the dashboard component to display data visualizations.
   - Implement the authentication component for user login.
4. **Connect to Power BI**: Use the Power BI API to fetch sales data and integrate it into the application.
5. **Implement Trend Analysis Algorithms**: Develop the logic to analyze sales data and generate product mix recommendations.
6. **Add User Authentication**: Set up user authentication using Firebase Auth or a similar service.
7. **Test Responsiveness**: Ensure the application is responsive across various devices and screen sizes.

## USER EXPERIENCE
Users will interact with a sleek and modern dashboard where they can navigate through the side menu to access various sections like trend analysis and recommendations. The dashboard will feature interactive data visualizations that update based on the selected parameters. Users will also be able to log in to their accounts to save preferences and access personalized recommendations.

This application will provide a comprehensive tool for the style team to analyze market trends and make informed production decisions based on actionable insights derived from data analysis.