Diseña y desarrolla una aplicación web interactiva orientada a empresas para la evaluación y seguimiento del progreso de participantes mediante...
Generated Prompt
## APPLICATION OVERVIEW The project is a web application designed for businesses to evaluate and track the progress of participants through self-assessment questionnaires. It will feature a bilingual questionnaire available in Catalan and Spanish, focusing on measuring individual and organizational improvements over time. ## CORE FEATURES 1. **User Management and Anonymity**: Participants access the questionnaire via a unique link or code, ensuring anonymity and compliance with GDPR. Each user is assigned an anonymous identifier for linking evaluations. 2. **Multilingual Questionnaire**: A user-friendly interface allows participants to answer a set of 44 questions divided into 4 dimensions, utilizing a 1-10 rating scale. Users can save their progress and validate responses before submission. 3. **Scoring System**: The application will automatically calculate individual and organizational scores, allowing comparisons between initial and final evaluations, and visualizing improvements through various metrics. 4. **Interactive Dashboard**: A dynamic analytics dashboard will provide visual insights into performance metrics, including executive views, dimension comparisons, and item analyses, with capabilities for filtering and exporting data. 5. **Automated Reporting**: Generation of customizable PDF reports for both individual and organizational evaluations, summarizing results, progress, and actionable recommendations based on the data collected. 6. **Recommendation Engine**: An intelligent system that provides suggestions for improvement based on low scores, prioritizing actions and generating tailored recommendations for users and the overall organization. ## 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 feature a sidebar navigation for different sections (dashboard, questionnaire, reports), a main content area for displaying data and forms, and responsive design for optimal use across devices. ## TECHNICAL REQUIREMENTS - **Framework**: React with TypeScript - **Styling**: Tailwind CSS - **UI Components**: shadcn/ui - **State Management**: (consider using Redux or React Context if necessary for state management) ## IMPLEMENTATION STEPS 1. **Set up the React Application**: Initialize a new React application with TypeScript and install necessary dependencies (Tailwind CSS, shadcn/ui). 2. **Create the User Management System**: Implement user authentication and anonymous ID assignment using a backend service (e.g., Supabase or Firebase). 3. **Develop the Questionnaire Module**: Build the questionnaire form with multilingual support, including progress saving and validation logic. 4. **Implement the Scoring System**: Create functions to calculate scores and visualize them through the dashboard. 5. **Design the Interactive Dashboard**: Develop the dashboard with various views for analyzing data, using charts and indicators. 6. **Automate Reporting**: Set up functionality for generating and downloading PDF reports for users and organizations. 7. **Build the Recommendation Engine**: Implement logic for generating suggestions based on user responses and integrate it with the reporting system. 8. **Ensure Responsive Design**: Test the application on various devices to ensure a seamless user experience. ## USER EXPERIENCE Participants will navigate through a straightforward interface to complete their evaluations, with clear prompts and visual indicators for progress. Administrators will have access to a secure dashboard to monitor engagement and analyze results, while automated reports will provide insights into individual and collective performance, facilitating targeted interventions and continuous improvement.
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!
