Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The Doctor Appointment and GPS Notification System is a web application designed to facilitate the scheduling and management of doctor appointments while providing users with location-aware notifications. The application aims to enhance the patient experience by enabling efficient appointment booking and timely reminders, ensuring users arrive at their appointments punctually.

## CORE FEATURES
1. **Efficient Appointment Scheduling**: Users can easily search for healthcare providers, book, reschedule, or cancel appointments through a streamlined interface.
2. **Priority-Based Management**: Appointments are categorized into Urgent, Routine Follow-up, and Consultative, allowing users to receive prioritized notifications based on urgency.
3. **Intelligent GPS Notification**: The system uses real-time GPS data to send location-aware reminders, prompting users to leave for their appointments based on travel time and current location.
4. **Provider Management Portal**: A backend interface for healthcare providers to manage their schedules, services, and availability, ensuring up-to-date information for patients.
5. **Role-Based Access**: Different user roles (patients and clinic staff) can access features relevant to their functions, promoting a tailored user experience.
6. **Seamless User Experience**: The application is designed for both patients and clinics, ensuring intuitive navigation and a focus on usability.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist design emphasizing clean lines, ample white space, and a straightforward layout that fosters easy navigation.
- **Color Mode**: A light theme with dark text on light backgrounds to enhance readability and reduce eye strain.
- **Layout**: The main layout will feature a top navigation bar for easy access to core functionalities, a central content area for appointment management, and a sidebar for quick filters and settings. The layout will be responsive, adapting seamlessly across devices.
- **Typography**: Use a sans-serif font like "Roboto" for body text and "Montserrat" for headings to create a clear hierarchy. Headings should be bold and larger (e.g., H1 at 24px, H2 at 20px), while body text should be 16px for readability.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for type safety and component-based architecture.
- **Styling**: Tailwind CSS for utility-first styling that promotes a clean, minimal aesthetic.
- **UI Components**: Utilize shadcn/ui for pre-built components that maintain a consistent design language.
- **State Management**: Implement React Context API for managing global state across the application.

## IMPLEMENTATION STEPS
1. **Set up the Project**: Initialize a new React project using Create React App with TypeScript support.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui for styling and UI components.
3. **Create Component Structure**: Develop a folder structure for components, pages, and services to organize the application logically.
4. **Develop Core Features**:
   - Build the Appointment Scheduler component to handle booking, rescheduling, and cancellations.
   - Implement the GPS Notification system using geolocation APIs to track user location and send alerts.
   - Create the Provider Management Portal for doctors and clinics to manage appointments.
5. **Design Layout**: Implement the main layout using Tailwind CSS to ensure responsiveness and a minimalist design.
6. **Integrate State Management**: Set up the Context API for managing user sessions, appointment data, and provider information.
7. **User Testing**: Conduct usability testing with target users to gather feedback and refine the user experience.

## USER EXPERIENCE
Key user interactions will include:
- **Booking an Appointment**: Users can search for providers and select an available time slot, receiving confirmation alerts post-booking.
- **Receiving Notifications**: Users will receive timely notifications based on appointment priority, prompting them to navigate to the clinic using integrated GPS features.
- **Managing Appointments**: Both patients and clinic staff can easily view, edit, and manage appointments through an intuitive dashboard interface, with clear call-to-action buttons and feedback.

This comprehensive prompt outlines the requirements and specifications to create a functional and visually appealing web application that aligns with the user's vision for a Doctor Appointment and GPS Notification System.