Actúa como un Product Designer y Software Architect experto en plataformas de gestión de formación corporativa (LMS + sistemas internos...
Generated Prompt
## APPLICATION OVERVIEW The application is a centralized web platform designed for managing corporate training programs at Viamatica. It facilitates both internal training aligned with employee career paths and external training sessions conducted for clients, leveraging a secure and scalable database architecture through Supabase. ## CORE FEATURES 1. **User Management**: Admins can create and manage users with specific roles (Super Admin/User) and permissions to ensure secure access to functionalities. 2. **Career Path Module**: Users can view and track their assigned internal training courses based on their career roles, with progress data sourced from Supabase. 3. **Training Registration**: A form for external training courses that captures detailed information including course name, client, duration, and instructor details, all stored in Supabase. 4. **Instructor Management**: A dedicated module for managing internal and external instructors, including details on the courses they teach and topics covered. 5. **Automated Alerts & Notifications**: The system sends automatic email notifications and internal alerts for upcoming training sessions, user inactivity, and completion of career plans. 6. **Dashboard Analytics**: A dashboard displaying key metrics such as ongoing training sessions, total revenue from client training, and progress tracking for users over designated time frames. ## DESIGN SPECIFICATIONS - **Visual Style**: Minimalist design featuring a clean and simple layout that emphasizes white space and a limited color palette, ensuring clarity and focus on typography. - **Color Mode**: Light theme with dark text on light backgrounds, using a primary palette of blue and white to create a professional yet approachable aesthetic. - **Layout**: The main layout should include a sidebar for navigation, a top header for alerts, and a central content area for displaying modules such as the dashboard and training details. Use cards for displaying course information and user progress. - **Typography**: Utilize modern, clean fonts such as 'Roboto' or 'Open Sans' for body text, with larger, bold headers to establish a clear visual hierarchy and improve readability. ## TECHNICAL REQUIREMENTS - **Framework**: React with TypeScript for strong typing and better maintainability. - **Styling**: Tailwind CSS for rapid styling and responsive design capabilities. - **UI Components**: Utilize shadcn/ui for pre-built, customizable components that align with the minimalist design ethos. - **State Management**: Implement React Context or Zustand for managing user state and application data efficiently. ## IMPLEMENTATION STEPS 1. **Set Up Project**: Initialize a new React/TypeScript project and integrate Tailwind CSS for styling. 2. **Database Connection**: Establish a connection to Supabase for user authentication and data management. 3. **Create User Management Module**: Develop user creation and management functionalities with role-based access control. 4. **Implement Career Path Module**: Build the functionality for users to view and track their assigned internal training courses. 5. **Develop Training Registration Form**: Create a form that allows for the registration of external training sessions with all necessary fields. 6. **Set Up Instructor Module**: Design the instructor management section to facilitate the addition and tracking of instructor details. 7. **Integrate Notifications System**: Implement automated email and internal notification systems for alerting users and admins about important events. 8. **Build Dashboard**: Create an analytics dashboard that pulls data from Supabase and presents it in an intuitive layout. ## USER EXPERIENCE Users will interact with a clean and intuitive interface, allowing easy navigation through the sidebar to access different modules. The dashboard provides quick insights into ongoing training sessions and user progress, fostering engagement and accountability. Alerts and notifications keep users informed about upcoming training events and their progress, ensuring a seamless experience in managing their career development and training opportunities.
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!
