Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This web application is designed for internal management purposes, allowing users to connect and manage their accounts from Shopee, Amazon, and TikTok Shop through APIs. It provides real-time insights into sales data, revenue, and stock control, while presenting a clean and intuitive interface for ease of use.

## CORE FEATURES
1. **Sales Dashboard**: Displays key performance indicators such as total sales, revenue, and quantity of items sold from all connected accounts in real-time.
2. **Cost Price Management**: Allows users to input and manage the cost price for each SKU, facilitating better profit margin calculations.
3. **Real-Time Fees Display**: Shows the transaction fees from each platform based on sales ranges, helping users to understand their expenses accurately.
4. **Stock Control Area**: Manages inventory levels and alerts users about stock shortages or overstock situations.
5. **Performance Indicators**: Visual representation of sales trends, stock levels, and other important metrics for quick decision-making.

## 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**: Single-page layout with a sidebar for navigation links and a main area for displaying data and controls.

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

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Connect APIs**: Set up connections to Shopee, Amazon, and TikTok Shop APIs to fetch sales data and fees.
3. **Design Dashboard Components**: Create components for the sales dashboard, cost price management, performance indicators, and stock control area.
4. **Implement State Management**: Use Redux or Context API to manage global states for user inputs and fetched data.
5. **Styling**: Apply Tailwind CSS to achieve the minimalist design, adhering to the specified primary color, typography, and border radius.
6. **Testing**: Conduct thorough testing of API integrations and user interactions to ensure smooth functionality.

## USER EXPERIENCE
Users will navigate through a sidebar containing links to various features such as the sales dashboard, cost management, and stock control. The main area will dynamically update to show relevant data based on the selected feature. Real-time updates will be reflected in the dashboard, providing users with instant insights, while smooth transitions and a clean layout will enhance the overall usability of the application.