Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed to provide e-commerce sellers with in-depth analysis of top-selling products. The system will deliver detailed information and images of the best products available, enabling users to make informed decisions and enhance their sales strategies.

## CORE FEATURES
1. **Product Analysis Dashboard**: A user-friendly interface displaying comprehensive analytics on top-selling products, including sales data, trends, and visual representations.
2. **Product Image Gallery**: An integrated gallery showcasing high-quality images of featured products to attract the attention of sellers.
3. **Search and Filter Options**: Advanced search functionality allowing users to filter products based on categories, sales numbers, and other relevant criteria.
4. **Sales Insights Report**: Automated reports generated based on user-selected parameters, providing actionable insights into product performance and market trends.
5. **User Account Management**: Secure authentication and user profile management to personalize the experience and save user preferences.
6. **Responsive Design**: A mobile-friendly interface ensuring a seamless experience across 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 will consist of a top navigation bar, a sidebar for filters, a central dashboard area for analytics display, and a footer with contact information.

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

## IMPLEMENTATION STEPS
1. **Set Up React Project**: Initialize a new React project with TypeScript using Create React App.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui using npm or yarn for styling and UI components.
3. **Create Component Structure**: Develop components for the dashboard, product gallery, search filters, and reports.
4. **Implement Routing**: Set up React Router for navigation between different sections of the application.
5. **Build the Dashboard**: Design the product analysis dashboard with charts and tables, utilizing libraries like Chart.js or Recharts for data visualization.
6. **Integrate User Authentication**: Implement user account management with secure login and registration functionalities.
7. **Connect to API**: If applicable, establish a connection to a backend API to fetch product data and insights.
8. **Test Responsiveness**: Ensure that the application is responsive and functions well across various devices and screen sizes.
9. **Deploy Application**: Prepare the application for deployment on a platform such as Vercel or Netlify.

## USER EXPERIENCE
Users will interact with the application by logging in to their accounts, navigating through the dashboard to view product analytics, and utilizing search and filter options to find specific products. The design will prioritize simplicity and ease of use, ensuring that users can quickly access vital information and generate reports to enhance their sales strategies.