Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The Dental Clinic CRM system is a web application designed to streamline operations within a dental clinic, enhancing patient management, appointment scheduling, and communication between staff and patients. This application will provide an intuitive interface for managing patient records, appointments, billing, and reminders in a clean and minimalist design.

## CORE FEATURES
1. **Patient Management**: A comprehensive system to add, edit, and view patient records, including personal details, medical history, and treatment plans.
2. **Appointment Scheduling**: An interactive calendar interface that allows staff to schedule, reschedule, and cancel appointments easily.
3. **Billing and Invoicing**: Tools for generating invoices, tracking payments, and managing billing history for each patient.
4. **Reminders and Notifications**: Automated reminders for upcoming appointments and follow-up notifications sent via email or SMS.
5. **Staff Management**: A module to manage staff profiles, roles, and schedules within the clinic.
6. **Reporting Dashboard**: A visual dashboard providing insights into patient statistics, appointment trends, and financial performance.

## 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 for navigation, a top header for quick actions, and a central content area for displaying patient information, scheduling, and reporting dashboards.

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

## IMPLEMENTATION STEPS
1. **Set up the React project**: Initialize a new React project with TypeScript support using Create React App or Vite.
2. **Install dependencies**: Add Tailwind CSS, shadcn/ui, and Redux for state management.
3. **Create the folder structure**: Organize components, pages, and utilities into appropriate folders.
4. **Implement routing**: Set up routing using React Router for navigating between different sections of the application.
5. **Build the layout**: Create the sidebar and header components, applying Tailwind CSS for styling.
6. **Develop core features**:
   - Implement patient management functionality with forms for adding and editing records.
   - Create the appointment scheduling feature with a calendar view using a library like React Big Calendar.
   - Build the billing module for generating invoices and tracking payments.
   - Set up reminders and notifications using a background service for sending alerts.
7. **Integrate the dashboard**: Design and implement the reporting dashboard with charts and statistics using a charting library.
8. **Test the application**: Conduct thorough testing for usability, responsiveness, and functionality across different devices.

## USER EXPERIENCE
The user experience will focus on simplicity and efficiency, allowing clinic staff to navigate seamlessly between features. Users will interact with a clean interface, utilizing forms for data entry and visual dashboards for monitoring performance. Key interactions will include scheduling appointments directly from the calendar, generating invoices with a single click, and accessing patient records instantly through a searchable interface. The application will be responsive, ensuring accessibility on both desktop and mobile devices.