Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is an interactive web application designed for businesses to conduct assessments through a questionnaire comprising 44 questions in both Catalan and Spanish. Users will score each item from 1 to 10 across four distinct dimensions in two phases: at the beginning and at the end of the intervention, allowing for a clear evaluation of progress.

## CORE FEATURES
- **Anonymous Data Collection**: Users can complete the questionnaire without revealing their identity, ensuring privacy while collecting valuable feedback.
- **Dynamic Result Presentation**: Results will be displayed in various formats, including overall scores and detailed breakdowns by item and area, allowing for flexible data interpretation.
- **Progress Visualization**: Users can view their scores from both phases to assess their development and improvements over time.
- **Customizable Reports**: The application generates personalized reports for users and anonymized summaries for companies, including tailored improvement suggestions based on lower-scoring items.
- **Interactive Dashboard**: A user-friendly interface that allows users to switch between different views of their data according to their needs and priorities.

## 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 consist of a header with the application title, a central area for the questionnaire, a sidebar for navigation, and a footer for additional links and information.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux (if necessary for managing complex state across components)

## IMPLEMENTATION STEPS
1. **Set Up Development Environment**: Initialize a new React application with TypeScript and install necessary dependencies (React, Tailwind CSS, shadcn/ui, and Redux).
2. **Design Database Structure**: Outline the necessary data models for questions, user responses, and report generation.
3. **Create UI Components**: Develop reusable components for the questionnaire, results display, and report generation, adhering to the design specifications.
4. **Implement State Management**: Set up Redux to manage the state of user responses and application data.
5. **Develop Core Functionalities**: Create functions for collecting, analyzing, and displaying the data as outlined in the core features.
6. **Testing and Debugging**: Conduct thorough testing to ensure all features function as intended and fix any issues.
7. **Deployment**: Prepare the application for deployment, ensuring all assets are optimized and the application is responsive.

## USER EXPERIENCE
Users will start on a clean landing page where they can access the questionnaire. Upon completing the questionnaire, they will be redirected to a results page displaying their scores and progress visually. Users can generate and download their personalized reports directly from the dashboard, ensuring a smooth and informative experience throughout their interaction with the application. 

This application will provide businesses with valuable insights and a clear framework for assessing and improving their processes based on user feedback.