Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This application is a web app designed for tracking 300 patients with chronic diseases, facilitating medical teams to record patient conditions, diagnoses, treatments, and progress over time. The system will also generate visual reports to inform management about the impact of follow-ups, providing a clear and user-friendly interface for both medical staff and patients.

## CORE FEATURES
1. **Patient Management**: Enable medical staff to add, update, and manage patient records, including personal details, medical history, and chronic conditions.
2. **Visit Scheduling**: Allow users to schedule and manage appointments every three months, with reminders for both patients and medical staff.
3. **Progress Tracking**: Provide functionality for medical staff to record and monitor patient progress, including treatments administered and improvements observed during visits.
4. **Reporting Dashboard**: Generate visual reports that summarize patient data, treatment outcomes, and trends over time, helping management to assess the effectiveness of the follow-up system.
5. **User Roles and Permissions**: Implement different access levels for medical staff and administrative users to ensure data security and appropriate access to patient information.

## 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 sidebar for navigation, a header for the application title and user options, and a main content area for displaying patient details, forms, and reports.

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

## IMPLEMENTATION STEPS
1. **Setup the Project**: Initialize a new React app using Create React App with TypeScript, and install Tailwind CSS and shadcn/ui.
2. **Create the Folder Structure**: Organize components, pages, and assets directories for maintainability.
3. **Develop Core Components**: Build reusable components for buttons, forms, and cards with the specified design specifications.
4. **Implement Routing**: Use React Router to manage navigation between patient management, reporting, and scheduling pages.
5. **Develop State Management**: Integrate Redux or React Context API to manage patient data and application state.
6. **Design User Interface**: Apply Tailwind CSS to style components according to the design specifications, ensuring responsiveness.
7. **Integrate Backend API**: Set up a mock or real backend to handle patient data storage and retrieval.
8. **Testing**: Conduct thorough testing of all features, ensuring functionality and usability across different devices.

## USER EXPERIENCE
Users will interact with an intuitive interface where medical staff can easily navigate through patient records, schedule appointments, and track progress. The dashboard will provide quick access to critical information through visual reports, enhancing the decision-making process. Patients will benefit from reminders and a clear view of their treatment journey, ensuring they remain engaged in their healthcare.