Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This application is a web-based survey management system designed to create, manage, and analyze surveys for various clients using reusable templates. It allows administrators to configure surveys, manage directors, and review responses in a streamlined, user-friendly manner.

## CORE FEATURES
1. **Survey Management**: Admins can create and manage surveys, defining sections and questions based on templates.
2. **Director Administration**: A dedicated interface to manage directors, allowing updates to names and emails, as well as access credentials.
3. **Question Format Review**: A feature to review questions against predefined templates for consistency before launching surveys.
4. **Selective Survey Distribution**: Admins can select specific directors to send surveys to, enabling targeted data collection.
5. **Response Analysis**: A feature to view and analyze responses in the format specified, ensuring clarity and usability in data interpretation.
6. **User Authentication**: Secure login for directors to access their surveys using ID and password.

## 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**: A structured layout with a sidebar for navigation, a main content area for forms and data visualization, and a responsive design that adapts to various screen sizes.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux or Context API for managing application state

## IMPLEMENTATION STEPS
1. **Setup Project Environment**: Initialize a new React project with TypeScript and install necessary dependencies (React Router, Tailwind CSS, etc.).
2. **Design Database Structure**: Create a schema for the survey, director, section, question, and response tables.
3. **Develop Authentication Module**: Implement user authentication for directors, including login and session management.
4. **Create Survey Management Interface**: Build forms for creating and managing surveys, integrating the question format review feature.
5. **Implement Director Administration**: Develop the UI components for managing director information and their access credentials.
6. **Build Response Analysis Tool**: Create a dashboard to view responses, formatted as per the specifications.
7. **Testing and Quality Assurance**: Conduct thorough testing to ensure all features function correctly and the UI is responsive.

## USER EXPERIENCE
Users will begin at a login screen, where directors enter their credentials to access their surveys. Admins will navigate through a sidebar to manage surveys and directors. Each feature will provide clear calls to action, such as buttons for creating new surveys, reviewing questions, and analyzing responses. The application will emphasize simplicity and clarity, ensuring users can easily navigate through forms and data visualizations while maintaining a consistent design across all components.