Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The Andhra Pradesh Disease Surveillance Dashboard is a professional web application designed for the Commissionerate of Health & Family Welfare, Government of Andhra Pradesh. This interactive dashboard will present vital public health data, including disease surveillance summaries and trends, to inform decision-making and enhance public health responses across the state.

## CORE FEATURES
1. **Top Summary Section (Hero Dashboard KPIs)**  
   Displays key statistics on disease cases with visually appealing summary cards featuring color-coded indicators for Fever, Malaria, Dengue, Chikungunya, and Outbreaks.

2. **Fever Surveillance Section**  
   Interactive line chart showing the trend of Fever Cases (2014–2026) with an overlay of Malaria cases and year-wise tooltips for detailed insights.

3. **Malaria Control Section**  
   Trend graph depicting declining malaria cases over the years, alongside a key interventions panel outlining strategies implemented to control malaria.

4. **Dengue & Chikungunya Section**  
   Dual bar or line chart comparing cases from 2021–2026, with interventions for control clearly stated, enhancing user understanding of disease management efforts.

5. **Outbreak Control Section**  
   A bar chart summarizing outbreak categories (Water-borne, Food-borne, Cholera) with historical data and current counts, accompanied by summary cards for quick reference.

6. **Laboratory Surveillance (NVBDCP)**  
   A detailed table showcasing year-wise testing volumes (2023–2026) for various diseases, along with a positivity rate trend line chart to indicate control effectiveness.

## DESIGN SPECIFICATIONS
- **Visual Style:** Minimalist - The design will focus on a clean, simple aesthetic with ample white space, ensuring ease of navigation and data interpretation.
- **Color Mode:** Light theme with dark text on light backgrounds to enhance readability and reduce eye strain.
- **Layout:** A grid-based layout for KPI cards and feature sections with interactive charts prominently displayed, ensuring a logical flow of information.
- **Typography:** Use modern sans-serif fonts (e.g., Open Sans, Roboto) for headings and body text, establishing a clear hierarchy to differentiate between various content types.

## TECHNICAL REQUIREMENTS
- **Framework:** React with TypeScript for building a robust and scalable web application.
- **Styling:** Tailwind CSS for rapid styling and responsive design capabilities.
- **UI Components:** Utilize shadcn/ui for consistent and reusable UI elements.
- **State Management:** Redux or Context API for managing application state effectively.

## IMPLEMENTATION STEPS
1. **Set up the React application** using Create React App with TypeScript template.
2. **Install necessary packages:** Tailwind CSS, shadcn/ui, and any additional libraries for charts (e.g., Chart.js or Recharts).
3. **Create the main layout** components including the header, footer, and main content area.
4. **Develop individual sections** as functional components:
   - Implement the Top Summary Section with KPI cards.
   - Create charts for Fever Surveillance, Malaria Control, Dengue & Chikungunya, and Outbreak Control.
5. **Integrate data sources** to pull in real-time or simulated data for all charts and tables.
6. **Ensure responsive design** by utilizing Tailwind's utility classes to adjust layouts for different screen sizes.

## USER EXPERIENCE
Users will interact with the dashboard through intuitive navigation, engaging with various visual elements such as charts and summary cards. The application will provide tooltips for data points, allowing users to explore trends over time. Clear calls-to-action will guide users to relevant information, ensuring they can efficiently access the data needed for public health decision-making. The emphasis on a minimalist design will facilitate quick comprehension without overwhelming users with excessive information.