MyTrust - Prompt para Lovable — Platform Mockup Instrucción principal Crea un mockup funcional de , una plataforma de autorización contextual y...
Generated Prompt
```markdown ## APPLICATION OVERVIEW MyTrust is a web-based governance and compliance platform designed for critical infrastructure authorization and traceability, specifically tailored for NIS2 compliance. It acts as a bridge between cyber threat detection systems and response actions, ensuring all relevant actions are verified, authorized, and auditable. ## CORE FEATURES 1. **Sidebar Navigation**: A collapsible sidebar on the left featuring sections like Dashboard, Actions Log, Pending Approvals, Token Monitor, Rules Engine, Audit Trail, Integrations, and Settings, along with user information and status indicators. 2. **Dashboard Overview**: A main dashboard displaying real-time KPIs, action feeds, integration statuses, and visual analytics, including donut charts and bar graphs for quick insights into operational metrics. 3. **Pending Approvals Interface**: A dedicated page for human-in-the-loop actions requiring authorization, featuring clear distinctions between Level 2 and Level 3 approvals with countdowns and contextual details. 4. **Token Monitoring**: Real-time display of active and recent tokens, with countdown timers and detailed logs of token activities, ensuring transparency and traceability of actions taken by operators. 5. **Rules Engine Configuration**: An interactive interface for setting up contextual rules that determine verification levels based on action types and conditions, allowing for dynamic governance. 6. **Audit Trail Management**: A robust search and export feature for compliance audits, enabling filtering by various criteria and exporting results in NIS2-compliant formats. ## DESIGN SPECIFICATIONS - **Visual Style**: Minimalist - Clean, simple design with plenty of white space, focusing on clarity and usability while maintaining a professional appearance. - **Color Mode**: Light theme with dark text on light backgrounds for readability; primary colors include: - Background: #F7F8FA (light grey) - Primary Color: #1B3A5C (corporate blue) - Action Color: #2E6DA4 (medium blue) - Success Color: #2D8C5A (green) - Warning Color: #D97706 (amber) - Critical Color: #C62828 (red) - **Layout**: A two-column layout for the dashboard with a sidebar for navigation on the left and a main content area on the right. Each section of the dashboard features cards and timelines arranged for easy scanning. - **Typography**: Use the Inter font for UI elements, ensuring a modern and readable typeface. Monospace font for logs and tokens to enhance clarity. ## TECHNICAL REQUIREMENTS - **Framework**: React with TypeScript - **Styling**: Tailwind CSS for responsive and utility-first styling - **UI Components**: Utilize Lucide React for icons and shadcn/ui for UI components - **State Management**: Use React Context API or Redux if complex state management is required ## IMPLEMENTATION STEPS 1. **Set Up Project**: Initialize a new React project with TypeScript and install necessary dependencies (Tailwind CSS, Lucide React, shadcn/ui). 2. **Create Layout Components**: Implement the sidebar and main dashboard layout, ensuring a responsive design that adapts to various screen sizes. 3. **Develop Core Features**: - Build the sidebar navigation with dynamic routing. - Create the dashboard components, integrating KPI cards, action feeds, and integration statuses. - Design the Pending Approvals page with distinct approval cards for Levels 2 and 3. - Implement the Token Monitor and Rules Engine, ensuring real-time updates and interactive elements. - Create the Audit Trail page with filtering and export functionalities. 4. **Integrate State Management**: Set up state management to handle user sessions, actions, and approvals. 5. **Add Animations and Transitions**: Implement smooth transitions between pages and animated countdowns for tokens. ## USER EXPERIENCE Users will interact with the platform via an intuitive sidebar navigation, allowing quick access to various sections. The dashboard provides a comprehensive overview of key metrics at a glance, with real-time updates on actions taken and system statuses. Approval processes are streamlined, enabling operators to quickly review and authorize actions with clear visual indicators of urgency and context. The audit trail ensures transparency and compliance, with easy access to historical data and export options for audits. ```
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!
