Seller Verification – Full Page Definition Context This page belongs to the Owner / Management Admin Interface.
Generated Prompt
# APPLICATION OVERVIEW This project is a comprehensive web application for managing seller verification rules within the Owner / Management Admin Interface. The application aims to provide administrators with the tools to configure and manage all aspects of seller onboarding requirements, ensuring compliance and operational efficiency. # CORE FEATURES 1. **Overview Dashboard**: A summary view that displays key metrics such as active/inactive rules, document requirements, and conflict statuses, providing a quick operational overview for administrators. 2. **Document Requirements Management**: Administrators can create, edit, activate, or deactivate document requirements for sellers, defining priority levels and applicability based on various scopes. 3. **Required Fields Configuration**: A feature allowing admins to define mandatory data fields, specify their applicability, and set conditions based on seller type, country, and verification level. 4. **Workflow & Status Management**: This feature defines the verification workflow, including allowed status transitions and escalation conditions, ensuring a smooth review process for submitted documents. 5. **Preview & Simulation Tool**: Administrators can simulate how rules apply to hypothetical sellers using specific inputs to verify rule correctness before publishing. 6. **Audit Log**: A comprehensive log that tracks all changes made to verification rules, allowing administrators to filter and search through action records for accountability. # 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 be structured into distinct sections for Overview, Document Requirements, Required Fields, Applicability Rules, Workflow & Status Rules, Preview & Simulation, Audit Log, and Conflict Handling, ensuring clarity and easy navigation. # TECHNICAL REQUIREMENTS - **Framework**: React with TypeScript - **Styling**: Tailwind CSS - **UI Components**: shadcn/ui - **State Management**: Redux Toolkit (for complex state management, if needed) # IMPLEMENTATION STEPS 1. **Set Up Project Environment**: Initialize a new React project using Create React App with TypeScript, and install necessary packages (React Router, Tailwind CSS, shadcn/ui). 2. **Design and Structure Components**: Create components for each section (Overview, Document Requirements, Required Fields, etc.) following the minimalist design principles. 3. **Implement Routing**: Set up routing to allow easy navigation between different sections of the application. 4. **State Management**: Integrate Redux Toolkit for managing the application state related to rules, document requirements, and user permissions. 5. **Create Forms for Rule Management**: Develop forms for adding/editing document requirements and required fields, ensuring validation and error handling. 6. **Audit Log Functionality**: Implement a logging system to record all changes made to verification rules, with filtering options for better usability. 7. **Testing**: Conduct thorough testing for usability, performance, and responsiveness across different devices. 8. **Deploy**: Prepare the application for deployment, ensuring all configurations are set for production. # USER EXPERIENCE Administrators will interact with a clean and intuitive interface, navigating seamlessly through the different sections to manage seller verification rules. Key interactions include creating and editing rules via forms, simulating rule applications with input parameters, and reviewing the audit log for accountability. The design ensures that users can efficiently manage complex rules while maintaining clarity and ease of use.
Loved by thousands of makers from
From early prototypes to real products, they started here.







































Generate optimized prompts for your vibe coding projects
Generate prompt
Enter a brief description of the app you want to build and get an optimized prompt
Review and use your prompt
Review (and edit if necessary) the generated prompt, then copy it or open it directly in your chosen platform
Get inspired with new ideas
Get AI-generated suggestions to expand your product with features that will surprise your users
Frequently Asked Questions
Everything you need to know about creating better prompts for your Lovable projects
Still have questions?
Can't find what you're looking for? We're here to help!
