Lovable Prompt Creator - AI Prompt Generator

# Lovable Prompt for Enterprise Ecommerce Administration System

## APPLICATION OVERVIEW
The Enterprise Ecommerce Administration System is a comprehensive web application designed for managing ecommerce operations efficiently. It offers an intuitive and professional interface comparable to leading platforms like Shopify and WooCommerce, ensuring a seamless experience for multiple administrator roles.

## CORE FEATURES
1. **Authentication & Security**: Implement secure authentication, protected routes, session management, password resets, and email verification, supporting multiple administrators with role-based permissions.
2. **Role-Based Access Control (RBAC)**: Define various roles (Super Admin, Store Manager, Product Manager, Content Manager, Support Manager) with specific permissions to control access to features and data.
3. **Product Management System**: Advanced workflows for adding, editing, and organizing products, including support for variants, media, and pricing strategies.
4. **Inventory Management**: Features stock tracking, low stock alerts, and inventory history to ensure optimal product availability and management.
5. **Order Management**: Comprehensive order statuses and views, allowing administrators to manage customer orders efficiently.
6. **Analytics Dashboard**: Visual analytics showing revenue, orders, and customer growth, equipped with modern charts and reports for data-driven 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 (use this as the main accent/brand color 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 sidebar for navigation, a top toolbar for quick actions, and a central content area displaying the relevant information and management functionalities.

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

## IMPLEMENTATION STEPS
1. **Set up the project**: Initialize a new React app with TypeScript and install dependencies (Tailwind CSS, shadcn/ui).
2. **Design the layout**: Create the main layout with a sidebar, top toolbar, and central content area, applying the specified design specifications.
3. **Implement authentication**: Set up secure authentication using a library like Firebase Auth or Auth0, ensuring protected routes and session management.
4. **Develop RBAC functionality**: Implement role-based access control to restrict features based on user roles.
5. **Create product management workflows**: Build forms and components for product addition, editing, and organization, supporting media uploads and variant management.
6. **Integrate inventory and order management**: Develop the inventory tracking and order management functionalities, ensuring real-time updates and notifications.
7. **Build the analytics dashboard**: Create visual representations of key metrics using chart libraries like Recharts or Chart.js.
8. **Test and refine**: Thoroughly test each feature for usability and security, and gather feedback to make necessary adjustments.

## USER EXPERIENCE
The user experience should be streamlined and professional, allowing administrators to navigate effortlessly between different sections. Key interactions include managing products and inventory, processing orders, and analyzing performance metrics, all designed with responsive layouts for usability across devices. The application must prioritize ease of use, especially for non-technical staff, ensuring all functionalities are accessible without requiring code changes.