Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This web application serves as a comprehensive security and quality assessment tool for applications, designed for QA Engineers, Security Engineers, and Penetration Testers. It provides an extensive review process for identifying vulnerabilities, bugs, and performance issues, ensuring that applications are production-ready for millions of users.

## CORE FEATURES
1. **Vulnerability Assessment**: An in-depth analysis module for identifying security vulnerabilities, including broken authentication, SQL injection, and XSS.
2. **Bug Reporting System**: A structured format for reporting various issues with detailed descriptions, severity ratings, and reproduction steps.
3. **Executive Dashboard**: A summary interface displaying key metrics, including overall security and software quality scores, top vulnerabilities, and quick wins.
4. **Detailed Reporting**: Automated generation of comprehensive reports, including executive summaries, complete vulnerability lists, and architectural issues.
5. **User Management**: Authentication and role-based access for users to manage their assessments and reports securely.
6. **Checklist Integration**: An interactive checklist based on OWASP vulnerabilities for users to ensure thorough assessments.

## 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 easy access to different sections, a header for the title and key actions, and a content area that displays detailed reports and assessments.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux or Context API (as needed for managing user sessions and reports)

## IMPLEMENTATION STEPS
1. **Set up the React environment**: Initialize the project using Create React App with TypeScript.
2. **Install dependencies**: Add Tailwind CSS and shadcn/ui for styling and UI components.
3. **Create the folder structure**: Organize components, pages, and services for better maintainability.
4. **Build the Authentication Module**: Implement user registration, login, and role-based access control.
5. **Develop the Vulnerability Assessment Module**: Create forms and logic to input and categorize vulnerabilities.
6. **Implement the Executive Dashboard**: Aggregate data from assessments and present it visually using charts and metrics.
7. **Create the Reporting System**: Develop functionality to generate and download reports in various formats (PDF, CSV).
8. **Integrate the OWASP Checklist**: Build an interactive checklist for users to verify vulnerabilities as they assess applications.
9. **Test the application**: Perform extensive testing to ensure all features work correctly, focusing on performance and security.

## USER EXPERIENCE
Users will have a seamless experience navigating through the dashboard, where they can effortlessly assess applications, report findings, and view executive summaries. The UI will guide them through the assessment process, ensuring all potential vulnerabilities and performance issues are thoroughly addressed. Responsive design will ensure usability on various devices, enabling users to perform assessments on the go.