Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The application is a web-based platform designed to manage a dental clinic effectively. It will facilitate appointment scheduling, patient management, and billing, ensuring a streamlined experience for both staff and patients. The focus will be on user-friendly interfaces and efficient workflows to enhance clinic operations.

## CORE FEATURES
1. **Appointment Scheduling**: A calendar interface allowing staff to schedule, reschedule, and cancel appointments easily.
2. **Patient Management**: A comprehensive database for storing patient information, including contact details, medical history, and treatment records.
3. **Billing and Invoicing**: Tools for generating invoices, processing payments, and tracking billing history for patients.
4. **Notifications and Reminders**: Automated email or SMS notifications for upcoming appointments and reminders for patients.
5. **Reporting Dashboard**: Visual analytics to track patient visits, revenue, and other key performance indicators (KPIs).
6. **User Authentication**: Secure login system for staff with different roles and permissions.

## 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**: A responsive grid layout that adapts to various screen sizes, featuring a top navigation bar, a sidebar for secondary navigation, and main content areas for forms and data display.

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

## IMPLEMENTATION STEPS
1. **Set up the React project**:
   - Initialize a new React app using Create React App with TypeScript template.
   - Install required dependencies: Tailwind CSS, Redux, and shadcn/ui.
2. **Configure Tailwind CSS**:
   - Set up Tailwind in the project following the official documentation.
   - Customize Tailwind's configuration file to include the primary color #1978E5 and font family Inter.
3. **Create the layout components**:
   - Develop a top navigation bar component and a sidebar for navigation.
   - Implement main content areas for different sections like appointment scheduling and patient management.
4. **Build core features**:
   - Develop the appointment scheduling feature with a calendar component.
   - Create forms for patient management and billing.
   - Implement reporting dashboard using visual components to display analytics.
5. **Set up user authentication**:
   - Integrate authentication logic for staff login and role-based access control.
6. **Add notifications**:
   - Implement a notification system using emails or SMS APIs for reminders.
7. **Test and deploy**:
   - Conduct thorough testing for usability and functionality.
   - Deploy the application on a web hosting platform.

## USER EXPERIENCE
Users will have a seamless interaction with the application, starting from logging in to managing appointments. The intuitive navigation will allow staff to switch between different functionalities easily. Notifications will keep patients informed about their appointments, while the reporting dashboard will provide insights at a glance, enhancing the overall efficiency of clinic operations. The responsive design ensures that the application is accessible on various devices, from desktops to tablets and smartphones.