Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The UAT Dashboard is a web application designed for enterprise platforms that facilitates tracking of User Acceptance Testing (UAT) progress, quality, risk, and overall readiness across multiple EPICs and features. The purpose is to empower business stakeholders, product managers, QA leads, and engineering leadership to make informed Go/No-Go decisions based on clear, concise, and actionable data.

## CORE FEATURES
1. **Executive Summary**: A concise top section that displays key performance indicators (KPIs), overall UAT status, percentage of test cases passed, open defects categorized by severity, UAT completion percentage, and release readiness status.
   
2. **UAT Cycle Overview**: A detailed table summarizing each UAT cycle, including start and end dates, total test cases, executed cases, pass/fail counts, and overall status.

3. **Epic-wise UAT Status**: Sections for each EPIC that highlight test case coverage, pass/fail/block counts, defects raised, and readiness status, presented in a structured table format.

4. **Defect Summary**: A table categorizing defects by severity, including counts of open and closed defects, aging defects, along with a summary of the top risk defects and their impact.

5. **Tester-wise Progress**: An overview of tester assignments, showcasing assigned test cases, execution status, and results.

6. **Release Readiness**: A critical section that summarizes final Go/No-Go recommendations, key blockers, risk summaries, and mitigations.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - Emphasizes a clean, simple design with ample white space and a minimal color palette focused on typography for clarity.
- **Color Mode**: Light theme with dark text on light backgrounds, enhancing readability and user engagement.
- **Layout**: The dashboard should be organized into clearly defined sections, with the Executive Summary at the top, followed by the UAT Cycle Overview, Epic-wise UAT Status, Defect Summary, Tester-wise Progress, Environment Readiness, and finally Release Readiness.
- **Typography**: Use a sans-serif font for headings (e.g., Montserrat) and a legible serif font for body text (e.g., Open Sans) to create a professional and executive-friendly appearance. Establish a clear hierarchy through font sizes and weights.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for a robust and scalable application structure.
- **Styling**: Tailwind CSS for flexible and responsive styling, allowing for quick adjustments and a utility-first approach.
- **UI Components**: Utilize shadcn/ui for a consistent and modern component library.
- **State Management**: Implement React Context or Redux for managing application state effectively, particularly for handling UAT data and user interactions.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Create Dashboard Structure**: Develop the main layout using a grid system to organize sections clearly.
3. **Develop Executive Summary**: Create components for KPIs, status cards, progress bars, and risk indicators.
4. **Implement UAT Cycle Overview**: Design a table component to display UAT cycle details with mock data for initial testing.
5. **Build Epic-wise UAT Status Sections**: Create individual sections for each EPIC, developing tables to display test results and readiness statuses.
6. **Add Defect Summary and Tester-wise Progress**: Construct tables for defect information and tester assignments, ensuring easy navigation and clarity.
7. **Finalize Release Readiness Section**: Implement a summary view for final recommendations, blockers, and risk assessments.
8. **Test Responsiveness**: Ensure the dashboard is mobile-friendly and adapts well to different screen sizes, maintaining usability across devices.
9. **Conduct User Testing**: Gather feedback from stakeholders to refine the interface and interactions based on real user experiences.

## USER EXPERIENCE
The user experience focuses on clarity and decisiveness, allowing users to quickly access critical information. Users will interact with the dashboard by navigating through sections seamlessly, utilizing filters and sorting options in tables to drill down into specific data points. Key metrics and statuses will be highlighted visually, enabling users to make informed decisions effectively. Each interactive element will provide immediate feedback, ensuring a responsive and engaging experience.